搜索
您的当前位置:首页正文

Bootstrap拟态框+支付宝首页

2023-11-26 来源:学路情感网
任务没完成,继续来!因为刚才网不好,我辛辛苦苦打了洋洋洒洒一大堆都没了!

我们今天主要是说一个简单的由Bootstrap和HTML5结合而成的小案例:首先:由标题可得知,这是移动端,所以需要这样一串代码:

<meta name="viewport" content="width=device-width,initial-scale=1"/>

然后说Bootstrap拟态框,就还要有这样的插件:

<link type ="text/css" href="../dist/css/bootstrap.min.css?1.1.10" rel="stylesheet">

<script src="../dist/js/bootstrap.js?1.1.10"></script>

然后,有点基础的都知道bootstrap,一定要和jquery一起使用,所以还要有jquery类库;而且一定要放在bootstrap上边哦!各位亲们!

<script src="../jquery-3.1.1.min.js?1.1.10"></script>

先来看一眼效果:有点丑!不要建议,因为是PC端敲得!我使用浏览器WEB响应格式看的效果,见谅,见谅!

下面再来看一眼,拟态框的效果:

效果就是这样!

插件都准备好了,咱们来敲代码吧!

先是CSS的:在这里小提示一下,我用的是谷歌浏览器,CSS3的样式有些低版本的浏览器是不兼容的,所以就比较麻烦!更过几天我在更有一篇关于兼容问题的!
 1 <style> 2 body{ 3 margin: 0 auto; 4 padding: 0; 5 } 6 nav{ 7 width: 100%; 8 height: 35px; 9 } 10 article{ 11 width: 100%; 12 background-color: #1983D1; 13 } 14 .div2{ 15 width: 100%; 16 height: 30px; 17 line-height: 30px; 18 background-color: #1983D1; 19 } 20 .div2>input{ 21 width: 78%; 22 height: 25px; 23 border: 0; 24 background-color: #2F8DD5; 25 /*border: 1px solid #2F8DD5;*/ 26 border-radius: 5px; 27 margin-left: 1vw;; 28 } 29 /*改变输入框 提示字体颜色*/ 30 input::placeholder{ 31 color: #8DC0E4; 32 } 33 .div2>button{ 34 width: 9%; 35 height: 25px; 36 background-color: #1983D1; 37 border: 0; 38 font-size: 3vw; 39 color: white; 40 } 41 .section1>ul{ 42 list-style: none; 43 display: flex; 44 justify-content:space-around; 45 align-items:center; 46 width: 100%; 47 height: 10vw; 48 margin-left: -30px; 49 } 50 .section1>ul>li{ 51 width: 24%; 52 color: white; 53 font-size: 2.5vw; 54 text-align: center; 55 margin-top: 2px; 56 } 57 .section2{ 58 background-color: white; 59 width: 100%; 60 } 61 62 .section2>ul{ 63 64 list-style: none; 65 display: flex; 66 justify-content:space-around; 67 align-items:center; 68 width: 100%; 69 height: 6rem; 70 margin-left: -30px; 71 } 72 .section2>ul>li{ 73 width: 24%; 74 /*color: white;*/ 75 font-size: 2vw; 76 text-align: center; 77 margin-top: 2px; 78 } 79 .section2>ul>li>span{ 80 font-size: 2.5rem; 81 } 82 .section3{ 83 width: 100%; 84 height: 90px; 85 line-height: 90px; 86 } 87 .section3 img{ 88 width: 20%; 89 height: 90px; 90 margin-top: -10px; 91 margin-left: 2vw; 92 border-radius: 15px; 93 } 94 .section4{ 95 margin-top: -4vw; 96 width: 100%; 97 height: 49vw; 98 } 99 .section4>img{100 width: 100%;101 height: 49vw;102 }103 footer>ul{104 width: 100%;105 height: 50px;106 /*line-height: 98px;*/107 list-style: none;108 display: flex;109 justify-content: space-between;110 margin-left: -1.5vw;111 }112 footer>ul>li{113 width: 24%;114 height: 48px;115 font-size: 3vw;116 text-align: center;117 color: #A9A9A9;118 margin-top: 3vw;119 }120 </style>
CSS好了.咱们下面在敲一下HTML:
<body><nav><img src="1.png" style="width: 100%;height: 35px;" /></nav><div class="div1"></div><div class="div2"><input type="search" placeholder=" 蚂蚁花呗" /><button><span class="icon icon-user-tie"></span></button><button data-toggle="modal" data-target="#kuang" data-backdrop="true"><span class="icon icon-plus"></span></button></div><!--模态框--><div class="modal fade modal-sm" id="kuang" style="width: 30%; margin-left: 65%;"><div class="modal-dialog modal-sm"><div class="modal-content"><!--体--><div class="modal-body"><ul style="list-style: none; color:#6B6B6B;font-size: 2vw;"><li><span class="icon icon-bubbles4" style="margin-left: -3vw;"></span> 发起群聊</li><li><span class="icon icon-user-plus" style="margin-left: -3vw;"></span> 添加朋友</li><li><span class="icon icon-qrcode" style="margin-left: -3vw;"></span> 扫 一 扫</li><li><span class="icon icon-coin-euro" style="margin-left: -3vw;"></span> 我要收款</li></ul></div></div></div></div><article><section class="section1"><ul><li><span class="glyphicon glyphicon-qrcode"></span><div>扫一扫</div></li><li><span class="glyphicon glyphicon-usd"></span><div>付款</div></li><li><span class="glyphicon glyphicon-gbp"></span><div>收钱</div></li><li><span class="n glyphicon glyphicon-credit-card"></span><div>卡包</div></li></ul></section><section class="section2"><ul><li><span class="icon icon-coin-yen" style="color: #EE4A02;"></span><div>转账</div></li><li><span class="icon icon-credit-card" style="color: #EE4A02;"></span><div>信用卡还贷</div></li><li><span class="icon icon-mobile" style="color: red;"></span><div>充值中心</div></li><li><span class="icon icon-gift" style="color: red;"></span><div>红包</div></li></ul><ul><li><span class="icon icon-location" style="color: red;"></span><div>地图</div></li><li><span class="icon icon-database" style="color: orange;"></span><div>理财产品</div></li><li><span class="icon icon-connection" style="background-color: #1983D1;color: white;"></span><div>免费无线</div></li><li><span class="icon icon-warning" style="color: orange;"></span><div>安全须知</div></li></ul></section></article><hr style="background-color: #C3C3C3;width: 100%; height: 10px;" /><section class="section3"><img src="2.png" class="img-responsive" /><span class="icon icon-camera pull-right" style="margin-top: -11.5vw;font-size: 5vw;margin-right: 2vw;color:#C3C3C3;"></span></section><hr style="background-color: #C3C3C3;width: 100%; height: 10px;" /><section class="section4"><img src="3.png" class="img-responsive" /></section><footer><ul><li style="color: #1983D1;"><span class="icon icon-svg"></span><div>支付宝</div></li><li><span class="icon icon-users"></span><div>朋友</div></li><li><span class="icon icon-hipster"></span><div>口碑</div></li><li><span class="icon icon-coin-dollar"></span><div>我的</div></li></ul></footer><script src="../jquery-3.1.1.min.js?1.1.10"></script><script src="../dist/js/bootstrap.js?1.1.10"></script></body>

HTML就是这样!

我这里面还有一个响应布局的代码!是把rem全都转化成px的:

<script>(function(doc) {function changeSize() {var size = doc.documentElement.clientWidth / 320 * 10;doc.querySelector('html').style.fontSize = size + 'px';}window.onresize = changeSize;changeSize();})(document)</script>

好勒!这就是Bootstrap拟态框结合的支付宝首页!

【相关视频推荐:Bootstrap教程】

有什么不明白的,欢迎评论里提问哦!我看到会一一解答的!

小编还为您整理了以下内容,可能对您也有帮助:

bootstrap模态框怎么实现打开一个其他的网页

1、首先在html中导入所需要的库文件,如下图所示,一定注意导入jquery文件。

2、然后在Body区域应用了bootstrap的modal样式,如下图所示。

3、然后在modal样式的div里继续放置内容区域,内容区域的样式为modal-content,如下图所示。

4、然后来看一下内容区分别有三个样式,头尾以及中间部分,接下来定义个按钮,当点击按钮的时候会弹出框,如下图所示。

5、注意一定要指定按钮的data-target属性,如下图所示。

6、最后运行程序以后,会看到如下图所示的内容,这就是bootstrap模态框。

支付宝首页出现黑框

1、打开支付宝可以看见屏幕是黑色的。

2、然后退出支付宝,在手机桌面找到【设置】。

3、打开设置,找到【显示与亮度】。

4、然后再找到【深色模式】。

5、然后将深色模式后面的开关关闭即可。

6、打开支付宝,会发现支付宝,页面的屏幕变白了。支付宝(中国)网络技术有限公司成立于2004年,是国内的第三方支付平台,致力于为企业和个人提供“简单、安全、快速、便捷”的支付解决方案。

bootstrap模态框有哪些


Bootstrap 模态框是一个轻量级的多用途JavaScript弹出窗口,可自定义和响应式。可以使用它在网站中显示警告窗口、视频和图片。使用Bootstrap构建的网站可以使用模态框来显示条款和条件(作为注册过程的一部分),视频,甚至社交媒体小部件。
为了可以更好地理解它,我们来看一下Bootstrap模态框的各个组成部分。
Bootstrap 模态框主要分为三个部分:头部(header),正文(body)和页脚(footer)。每个部分都有自己的意义,因此我们应该正确的使用它们。我们稍后将讨论这些。Bootstrap模态框最令人兴奋的是什么?你不需要写任何JavaScript代码就可以使用它!所有的代码和样式都是由Bootstrap预定义的。你所需要做的只是使用正确的标记和属性来触发它。
默认的模态框
默认的模态框如下所示:
要触发模态框,你需要添加链接或者按钮。触发元素的标记可能如下所示:
<a href="#" class="btn btn-lg btn-success"
data-toggle="modal"
data-target="#basicModal">Click to open Modal</a>请注意,link元素有两个自定义数据属性:data-toggle和data-target。toggle告诉Bootstrap要做什么,target告诉Bootstrap要打开哪个元素。所以每当点击这样的链接时,都会出现一个id为“basicModal”的模态框。
现在让我们看看定义模态框所需的代码:
<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<h3>Modal Body</h3>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>模态框的父div应具有与上述触发元素中使用的相同的ID。在我们的例子中是id="basicModal"。
注意:父模态框元素中自定义属性aria-labelledby和aria-hidden让其可被访问。让所有人都能访问你的网站是一个很好的做法,所以你应该使用这些属性,因为它们不会对模态框的普通功能产生负面影响。
在模态框的HTML代码中,我们可以看到一个封装div嵌套在父模态框div内。这个div的类modal-content告诉bootstrap.js在哪里查找模态框的内容。在这个div内,我们需要放置前面提到的三个部分:头部,正文和页脚。
模态框头部,顾名思义,用于给模态添加一个标题或者如“x”关闭按钮等其他元素。这些元素还应该有一个data-dismiss属性告诉Bootstrap哪个元素要隐藏。
然后我们看一下模态框的正文。可以把它看做一个打开的画布,你可以在其中添加任何类型的数据,包括嵌入*视频,图像或者任何其他内容。
最后,我们看一下模态框的页脚。该区域默认为右对齐。在这个区域,你可以放置“保存”,“关闭”,“接受”等操作按钮,这些按钮与“模态框”需要表现的行为相关联。
现在我们完成了我们的第一个模态框!你可以在我们的演示页面上查看。

bootstrap模态框有哪些


Bootstrap 模态框是一个轻量级的多用途JavaScript弹出窗口,可自定义和响应式。可以使用它在网站中显示警告窗口、视频和图片。使用Bootstrap构建的网站可以使用模态框来显示条款和条件(作为注册过程的一部分),视频,甚至社交媒体小部件。
为了可以更好地理解它,我们来看一下Bootstrap模态框的各个组成部分。
Bootstrap 模态框主要分为三个部分:头部(header),正文(body)和页脚(footer)。每个部分都有自己的意义,因此我们应该正确的使用它们。我们稍后将讨论这些。Bootstrap模态框最令人兴奋的是什么?你不需要写任何JavaScript代码就可以使用它!所有的代码和样式都是由Bootstrap预定义的。你所需要做的只是使用正确的标记和属性来触发它。
默认的模态框
默认的模态框如下所示:
要触发模态框,你需要添加链接或者按钮。触发元素的标记可能如下所示:
<a href="#" class="btn btn-lg btn-success"
data-toggle="modal"
data-target="#basicModal">Click to open Modal</a>请注意,link元素有两个自定义数据属性:data-toggle和data-target。toggle告诉Bootstrap要做什么,target告诉Bootstrap要打开哪个元素。所以每当点击这样的链接时,都会出现一个id为“basicModal”的模态框。
现在让我们看看定义模态框所需的代码:
<div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<h3>Modal Body</h3>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>模态框的父div应具有与上述触发元素中使用的相同的ID。在我们的例子中是id="basicModal"。
注意:父模态框元素中自定义属性aria-labelledby和aria-hidden让其可被访问。让所有人都能访问你的网站是一个很好的做法,所以你应该使用这些属性,因为它们不会对模态框的普通功能产生负面影响。
在模态框的HTML代码中,我们可以看到一个封装div嵌套在父模态框div内。这个div的类modal-content告诉bootstrap.js在哪里查找模态框的内容。在这个div内,我们需要放置前面提到的三个部分:头部,正文和页脚。
模态框头部,顾名思义,用于给模态添加一个标题或者如“x”关闭按钮等其他元素。这些元素还应该有一个data-dismiss属性告诉Bootstrap哪个元素要隐藏。
然后我们看一下模态框的正文。可以把它看做一个打开的画布,你可以在其中添加任何类型的数据,包括嵌入*视频,图像或者任何其他内容。
最后,我们看一下模态框的页脚。该区域默认为右对齐。在这个区域,你可以放置“保存”,“关闭”,“接受”等操作按钮,这些按钮与“模态框”需要表现的行为相关联。
现在我们完成了我们的第一个模态框!你可以在我们的演示页面上查看。

bootstrap前端框架怎么用

方法/步骤

1.首先我们当然是需要得到Bootstrap相关文件,因为在网页中应用Bootstrap是需要引入其相关文件的。我们可以到Bootstrap官网下载。

2.如果你的英文水平不是太好的话,没关系,我们可以到国内做的汉化比较好的Bootstrap网站去下载,最新版本都是3,属于扁平化的那种。

3.以上两步点击下载按钮后都会跳转到一个详细下载列表,有三种Bootstrap,这里我们下载第一个就可以了。

4.下载完成后解压,会看到文件有三个子文件夹,分别是css、font、js,里面带min的文件都是压缩后的文件,在网站上线的时候用,其他未压缩的文件我们可以在平时开发的时候用。

5.再之后就是要用这套Bootstrap框架了,首先要做的就是建立一个html文件,你可以用任何文本编辑器,这里推荐Dreamweaver CS6,个人感觉比较好用。

6.接下来就是要引入css文件了,要把文件的路径写正确,如果网页内用到了Bootstrap的js效果,那么必须先引入jQuery文件,因为Bootstrap的js插件都是基于jQuery的。

7.最后就可以在body标签内应用Bootstrap相关的class了,这些都是封装好的,只要嵌套正确就是做出漂亮的网页了。

bootstrap模态框中怎么加入一个页面

很少使用Bootstrap提供的标签。 直接写在js里。 你可以这么做: 1、做好你写死的那个模态框 2、在按钮上注册click事件 3、click事件触发的同时调用load方法往.modal-content里塞你的数据 4、最后在load方法的回调里把模态框显示出来。

bootstrap模态框中怎么加入一个页面

很少使用Bootstrap提供的标签。 直接写在js里。 你可以这么做: 1、做好你写死的那个模态框 2、在按钮上注册click事件 3、click事件触发的同时调用load方法往.modal-content里塞你的数据 4、最后在load方法的回调里把模态框显示出来。

懂bootstrap的过来看看,bootstrap模态框的问题

解决方法:

· 在HTML页面中编写模态框时,在div初始化时添加属性 aria-hidden=”true” data-backdrop=”static”,即可。

· 在需要显示模态框,初始化时,$(‘#myModal’).modal({backdrop: ‘static’, keyboard: false}); 其中 ,backdrop:’static’指的是点击背景空白处不被关闭; keyboard:false指的是触发键盘esc事件时不关闭。

模态对话框(Modal Dialogue Box,又叫做模式对话框),是指在用户想要对对话框以外的应用程序进行操作时,必须首先对该对话框进行响应。如单击【确定】或【取消】按钮等将该对话框关闭。一般来说,Windows应用程序中,对话框分为模态对话框和非模态对话框两种。二者的区别在于当对话框打开时,是否允许用户进行其他对象的操作。

建立模态对话框

1.选择File/New/MFC AppWizard[exe],Project name为Test,单击OK.

2.选择Single document,单击Finish.

3.选择左侧Workspace/ResourceView,在Dialog上单击右键,选择Insert Dialog,默认名字为IDD_DIALOG1.

4.双击右侧工作区中的对话框,弹出一对话框Adding a Class,默认选择Create a new class,单击OK.

5.在对话框New Class中,在Name中填入CDialogproty,Base class选择缺省名字CDialog,单击OK.在MFC ClassWizard 上选择OK.

6.选择左侧Workspace/ClassView,双击CTestView

#include "Dialogproty.h"

class CTestView : public CView

{

protected: // create from serialization only

7.选择左侧Workspace/ResourceView/Menu,双击IDR_MIANFRAME,在右侧工作区上方,"帮助(H)"后双击,弹出对话框Menu Item Properties,点击General/Pop-up,选为非选择状态,在ID内输入IDR_TEST,Caption中输入Test,关闭对话框Menu Item Properties,

8.在按钮Test上点击右键,选择ClassWizard...,在Messages中选择COMMAND,点击Add Function...,弹出对话框Add Member Function,点击OK,选择Edit Code.

9.在以下函数中添加代码

void CTestView::OnTest()

{

// TODO: Add your command handler code here

CDialogproty dlg;

dlg.DoModal();

}

10.编译,运行。点击菜单按钮Test,弹出对话框,点击OK!完成!

参考资料

CSDN博客.CSDN博客[引用时间2018-1-9]

BootStrap模态框怎么实现打开一个其他的网页

前端框架 Bootstrap 模态框使用 remote 选项指定

URL框第弹候自址加载数据 .modal-body 加载通事件调用

removeData() 解决问题

1、Bootstrap 模态框简单使用

x

框标题

框主体

取消

确定

使用按钮或链接直接调用模态框简单用:

打框

打框

能静态内容框显示使用框 remote 选项实现更强效

2、使用 remote 选项让模态框加载页面 .modal-body

两种种使用链接另种使用脚本

2.1 使用链接

打框

点击链接page.jsp 内容加载框 .modal-body 随即显示框

2.2 使用脚本

$("#myModal").modal({

remote: "page.jsp"

});

段脚本效使用链接段脚本执行page.jsp 内容加载框 .modal-body 随即显示框

两种背都 Bootstrap 调用 jQuery load() 服务器端加载 page.jsp

页面加载发面管点击几链接或者执行几脚本哪怕改变传递给 remote

选项值框都重新加载页面真让疼事情问题能够解决

3、 移除数据让框能够每打重新加载页面

搜索并查阅相关文档发现框 hidden 事件写条语句:

$("#myModal").on("hidden", function() {

$(this).removeData("modal");

});

每打框前移除数据效

,

学路情感网还为您提供以下相关内容希望对您有帮助:

为什么前端工程师多不愿意用 Bootstrap 框架

不过悲伤的是,所有上面说的事情都有一个前提,主要两点:一是熟悉前端架构和bootstrap代码,二是比较懒,不愿意搞个人创作和探索。前者需要开发者对前端有一定的研究和经验,这就挡住了一些人,后者又被很多勤奋、自信的大牛...

web前端框架有哪些?

3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。4、大型购物网站实战,整个项目前后端分离开发;整个项目分为四部分:PC端网页、移动端APP、小程序...

支付宝接口集成时老是报Checking for connections, idleTimeout_百度知...

如果你使用了支付宝提供的API jar包,那么再调用com.alipay.util.AlipaySubmit#buildRequest 之类的请求方法时,支付宝会使用到com.alipay.util.httpClient .HttpProtocolHandler.getInstance();,这是个单例,期中创建并维护了一...

「开源」springboot快速开发框架推荐,接私活利器

7、项目名称: Spring Boot 快速开发平台 项目简介: renren-fast 是一个轻量级的 Spring Boot 快速开发平台,其设计目标是开发迅速、学习简单、轻量级、易扩展;使用 Spring Boot、Shiro、MyBatis、Redis、Bootstrap、Vue2.x...

JAVA前端开发的学习路线是怎样的?

232. 微信支付 233. 支付宝支付 234. 百度地图 235. Sonar 本地检测 236. Sonar +Jenkins 线上检测 237. CI/CD 238. Spring Boot 改造爱旅行项目实战 239. 大型互联网票务类电商项目实战-大觅网 240. ES6 概念(les、const) 24...

基于python的点餐系统的任务书?

- 前端采用 Bootstrap、jQuery 等技术,实现响应式布局和良好的用户交互体验。- 支付功能可以接入第三方支付平台的 API,如微信支付、支付宝支付等。5. 项目计划 - 需求分析:1周 - 设计和开发:6周 - 测试和修复:2周...

课程内容框架

1、Web页面元素,布局,CSS样式,盒模型,JavaScript,JQuery与Bootstrap掌握前端开发技术,掌握JQuery与BootStrap前端开发框架,完成页面布局与美化。 2、前端开发框架Vue,JSON数据,网络通信协议,Web服务器与前端交互熟练使用Vue框架,深入理解HTTP网...

前端常用的框架有哪些?

1.声明式设计:React采用声明范式,可以轻松描述应用。2.高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。3.灵活:React可以与已知的库或框架很好地配合。优点:1.速度快:在UI渲染过程中,React通过在虚拟DOM中的...

推荐如何系统的学习JAVA?

学java首先要学 J2SE,它是java体系的基础,也是重中之重。很多人往往不重视基础,其实这是舍本逐末的做法。说这么多就是希望大家能重视基础,能在这条路上走的更远。学j2se有下面几个目标:1、你要能真正理解面向对象...

初学者JAVA程序员怎样快速提升自己技术?

一、提升对java技术的思考 很多人口里嚷着要提升java技术,行动也有,但就是不奏效,是怎么回事呢?因为行动前没有好好的思考,比如老是盯着已经掌握熟练的java技术练习,你为什么不考虑多练练你不熟习的java技术呢?那么应该...

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文

  • 次韵钱申伯山堂之咏的朝代是什么

    《次韵钱申伯山堂之咏》李弥逊朝代:宋代。《次韵钱申伯山堂之咏》年代:宋代。作者:李弥逊。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

  • 次韵钱申伯山堂之咏的朝代

    《次韵钱申伯山堂之咏》李弥逊朝代:宋代。《次韵钱申伯山堂之咏》年代:宋代。作者:李弥逊。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

  • 次韵钱申伯山堂之咏朝代

    《次韵钱申伯山堂之咏》李弥逊朝代:宋代。《次韵钱申伯山堂之咏》年代:宋代。作者:李弥逊。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

  • 次韵钱申伯山堂之咏的作者 次韵钱申伯山堂之咏的作者是什么]

    《次韵钱申伯山堂之咏》李弥逊作者:李弥逊。《次韵钱申伯山堂之咏》作者:李弥逊。年代:宋代。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

  • 次韵钱申伯山堂之咏的作者是什么

    《次韵钱申伯山堂之咏》李弥逊作者:李弥逊。《次韵钱申伯山堂之咏》作者:李弥逊。年代:宋代。别称:西翁、筠溪居士、普现居士。字号:字似之号筠西翁、筠溪居士、普现居士等。出生地:吴县(今江苏苏州)。出生时间:1085年。去世时间:1153年。主要作品:《沁园春》《永遇乐》《永遇乐》《念奴娇》《念奴娇》等。我们为您从以下几个方面提供次韵钱申伯山堂之咏的详细介绍。一、《次韵钱申伯山堂之咏》的全文 点此查看《次韵钱申伯山堂之咏》的详细内容。净坊秋色老苍官,檐额飞云细可攀。客梦偶随疏雨断,僧游长带暮钟还。似闻遗锡藏银地,亲见高人住骨山。愁绝寒江归去路,乱峰青处望双鬟。二、《次韵钱申伯山堂之咏》李弥逊其他诗词《菩萨蛮》、《水调歌头》、《念奴娇》、《水调歌头》、《永遇乐》。相同朝代的诗歌;

Top