list-template.wxml:
templatename='listTmp'viewviewimagesrc='/images/avatar/0.png'/imagetextmay92018/text/viewtext火影村/textimagesrc='/images/detail/carousel/6.jpg'/imagetext火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火火/textviewimagesrc='/images/icon/view.png'/imagetext88/textimagesrc='/images/icon/star.png'/imagetext88/text/view/view/templatelist-template.wxss:
.tmpContainer{display:flex;flex-direction:column;}.avatar_dateimage{width:60rpx;height:60rpx;/把此元素放置在父元素的中部。就可以让图片与文字都在中间了/vertical-align:middle;margin-right:10rpx;}.avatar_date{padding:10rpx;}.avatar_datetext{font-size:32rpx;}.company{margin-left:10rpx;font-size:36rpx;font-weight:700;margin:10rpx;}.contentImg{width:100%;height:460rpx;}.content{font-size:32rpx;/段落首字母缩进两个字/text-indent:64rpx;}.collection_loveimage{width:32rpx;height:32rpx;vertical-align:middle;margin-right:10rpx;}.collection_lovetext{font-size:28rpx;margin-right:10rpx;}在list.wxml中引入模板:
!--在头部引入,注意结尾别忘了/--importsrc='/pages/template/list-template.wxml'/然后在你想用模板的地方引用
还要在list.wxss中像以下样子引入模板样式
