Commit a84df773 by 谢中龙

内容详情增加标签显示

parent 14abcc72
...@@ -82,9 +82,9 @@ ...@@ -82,9 +82,9 @@
</view> </view>
</view> </view>
<!-- 标签 --> <!-- 标签 -->
<view class="tabs-list {{tagsName ? 'tags-list' : ''}}"> <view class="tabs-list {{tagsName ? 'tags-list' : ''}}" wx:if="{{tagsName}}">
<image class="lock-image" src="/assets/imgs/7_1_0/lock.png" /> <image class="lock-image" src="/assets/imgs/7_1_0/lock.png" />
<view class="tab-item" wx:if="{{tagsName}}"> <view class="tab-item">
<image class="tab-image" src="/assets/imgs/7_1_0/tab.png" /> <image class="tab-image" src="/assets/imgs/7_1_0/tab.png" />
<text class="tab-text">{{tagsName}}</text> <text class="tab-text">{{tagsName}}</text>
</view> </view>
......
...@@ -130,4 +130,6 @@ ...@@ -130,4 +130,6 @@
} }
.tab-item{ .tab-item{
margin-left: 19rpx; margin-left: 19rpx;
display: flex;
align-items: center;
} }
\ No newline at end of file
<wxs src="../../wxs/utils.wxs" module="utils" /> <wxs src="../../wxs/utils.wxs" module="utils" />
<view class='page-want-buy'> <view class='page-want-buy'>
<buy-image-swiper bind:updatePage="updatePage" image-data="{{contentInfo.shareShowPictureRESDTOList}}" /> <view class='swiper-container'>
<buy-image-swiper bind:updatePage="updatePage" image-data="{{contentInfo.shareShowPictureRESDTOList}}" />
<view class='tags' wx:if="{{contentInfo.tagsName}}">
<image class="tab-image" src="/assets/imgs/7_1_0/tab.png" />
{{contentInfo.tagsName}}
</view>
</view>
<!-- 标题 --> <!-- 标题 -->
<view class="detail-title">{{contentInfo.headline}}</view> <view class="detail-title">{{contentInfo.headline}}</view>
......
...@@ -53,6 +53,29 @@ swiper { ...@@ -53,6 +53,29 @@ swiper {
margin-right: 30rpx; margin-right: 30rpx;
} }
.swiper-container{
position: relative;
}
.swiper-container .tags{
position: absolute;
bottom: 70rpx;
right: 30rpx;
background: rgba(0,0,0,0.3);
color: #ffffff;
padding: 8rpx 20rpx;
border-radius: 50rpx;
display: flex;
align-items: center;
font-size: 24rpx;
}
.swiper-container .tags .tab-image{
width:26rpx;
height:26rpx;
margin-right: 6rpx;
}
.share-wrap{ .share-wrap{
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
......
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
"list": [] "list": []
}, },
"miniprogram": { "miniprogram": {
"current": 13, "current": 15,
"list": [ "list": [
{ {
"id": -1, "id": -1,
...@@ -134,8 +134,8 @@ ...@@ -134,8 +134,8 @@
"scene": null "scene": null
}, },
{ {
"id": -1, "id": 15,
"name": "我的分享", "name": "种草列表",
"pathName": "pages/myShare/myShare", "pathName": "pages/myShare/myShare",
"query": "", "query": "",
"scene": null "scene": null
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment