本篇文章给大家带来的内容是关于微信小程序实例：详情页静态页面搭建的方法介绍 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
pages目录下新建目录detail,里面新建页面detail:
在detail.json中先把导航栏标题文字内容改一下:
{
"navigationBarTitleText": "DETAIL页面"
}detail.wxml
美国队长 发布于 2018 06 12 火影村 火咖啡馆就是了疯狂关键时刻来得及公司领导看过就发上来的考试管理的风格就是的离开几个老师
detail.wxss
/* pages/detail/detail.wxss */
.detailContainer {
display: flex;
flex-direction: column;
}
.headImg{
width:100%;
height:460rpx;
}
.avatar_date{
padding: 10rpx;
}
.avatar_date image{
width: 64rpx;
height: 64rpx;
vertical-align: middle;
}
.avatar_date text{
font-size: 32rpx;
margin-left: 10rpx;
}
.company{
font-size: 38rpx;
font-weight: bold;
margin-left: 10rpx;
}
.collection_share_container{
position: relative;
}
.collection_share{
float: right;
margin-right: 50rpx;
}
.collection_share image{
width: 90rpx;
height: 90rpx;
margin-right: 20rpx;
}
.line{
width: 90%;
height: 2rpx;
background: rgb(226, 19, 19);
top: 45rpx;
left: 5%;
position: absolute;
z-index: -1;
}
button{
width: 280rpx;
height: 80rpx;
}
.content{
font-size: 32rpx;
text-indent: 64rpx;
margin: 50rpx 0;
}效果图如下:
相关推荐：
台讯电子企业网站管理系统 简繁全功能版
下载
超级适合代理建设企业站点的企业源码，超方面实用！程序说明： 1.特色：简繁中文切换、产品展示系统、新闻发布系统、会员管理系统、留言本计数器、网站信息统计、强大后台操作 功能等； 2.页面包括：首页、企业介绍、滚动公告通知发布系统、企业新闻系统、产品展示系统、企业案例发布展示系 统、企业招聘信息发布系统、信息资源下载系统、在线定单系统、在线客服系统、在线留言本系统、网站调查投票系统、友情连接系统、会
