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

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

@ -11,12 +11,45 @@
</view> </view>
</view> </view>
<view class="recom"> <view class="recom">
<rudon-rowMenuDotDotDot :localdata="options" @change="menuAction($event, 1)"> <view class="recom_bnt">
推荐 <rudon-rowMenuDotDotDot :localdata="options" @change="menuAction($event)">
{{this.recomname}}
</rudon-rowMenuDotDotDot> </rudon-rowMenuDotDotDot>
</view> </view>
</view> </view>
</view>
<view class="list"> <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>
</view> </view>
@ -47,13 +80,17 @@
text: '打折专区' text: '打折专区'
} }
], ],
recomname:'',
} }
}, },
methods: { methods: {
menuAction(action, rowId) { menuAction(action, rowId) {
console.log(action);
// 忽略初始化时的传入的空操作 // 忽略初始化时的传入的空操作
if (action === '') { if (action === '') {
return this.recomname = this.options[0].text
}else{
this.recomname = this.options[action].text
} }
}, },
} }
@ -110,6 +147,45 @@
text-align: center; text-align: center;
border-radius: 30px; border-radius: 30px;
border: 1px solid #F84221; 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> </style>