微信小程序实例：详情页静态页面搭建的方法介绍

{  "navigationBarTitleText": "DETAIL页面"}

<!--pages/detail/detail.wxml--><view>  <image></image>  <view>    <image></image>    <text>美国队长</text>    <text>发布于</text>    <text>2018 06 12</text>  </view>  <text>火影村</text>  <view>    <view>      <image></image>      <image></image>    </view>    <view></view>  </view>  <button>转发此文章</button>  <text>火咖啡馆就是了疯狂关键时刻来得及公司领导看过就发上来的考试管理的风格就是的离开几个老师</text></view>

/* 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;  }