mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

交易大厅的一点样式

Browse Source
This commit is contained in:
THK3121 2023-07-14 13:34:12 +08:00
parent fbbaf79080
commit cc5ff53177
1 changed files with 81 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
pages/users/trading_hall/index.vue
View File

@ -11,13 +11,46 @@
</view>
</view>
<view class="recom">
<rudon-rowMenuDotDotDot :localdata="options" @change="menuAction($event, 1)">
推荐
</rudon-rowMenuDotDotDot>
<view class="recom_bnt">
<rudon-rowMenuDotDotDot :localdata="options" @change="menuAction($event)">
{{this.recomname}}
</rudon-rowMenuDotDotDot>
</view>
</view>
</view>
<view class="list">
<view class="item">
<image class="shopimg" src="@/static/images/2-002.png" mode="widthFix"></image>
<view class="item_text">
<span>调货</span> 夹岸数范德萨范德萨衣服上的
</view>
<view class="item_prices">
啊沙发上
</view>
<view class="item_name">
<image src="../user_grade/images/suozi.png" mode="widthFix"></image>
<view class="item_name_text">
啊沙发上
</view>
</view>
</view>
<view class="item">
<image class="shopimg" src="@/static/images/2-002.png" mode="widthFix"></image>
<view class="item_text">
<span>调货</span> 夹岸数范德萨范德萨衣服上的
</view>
<view class="item_prices">
啊沙发上
</view>
<view class="item_name">
<image src="../user_grade/images/suozi.png" mode="widthFix"></image>
<view class="item_name_text">
啊沙发上
</view>
</view>
</view>
</view>
</view>
</template>
@ -47,13 +80,17 @@
text: '打折专区'
}
],
recomname:'',
}
},
methods: {
menuAction(action, rowId) {
console.log(action);
// 忽略初始化时的传入的空操作
if (action === '') {
return
this.recomname = this.options[0].text
}else{
this.recomname = this.options[action].text
}
},
}
@ -110,6 +147,45 @@
text-align: center;
border-radius: 30px;
border: 1px solid #F84221;
display: flex;
justify-content: center;
align-items: center;
.recom_bnt{
}
}
}
.list{
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
.item{
width: 40%;
.shopimg{
width: 100%;
}
.item_text{
width: 100%;
padding: 15px 10px 15px 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
span{
height: 20px;
padding: 3px;
margin: 2px;
background: linear-gradient(180deg, #F98649 0%, #F34E45 100%);
border-radius: 4px 0px 4px 0px;
color: white;
}
}
.item_prices{
font-size: 18px;
color:#F84221;
padding-left: 15px;
border-bottom: 1px solid #707070;
}
}
}
</style>