Csqqqqq
/
1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

444

Browse Source
main
Csqqqqq 2 months ago
parent ff71489daa
commit 735f1e038e
4 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File

14
pages/cloudStore/components/dropshipping.vue
Unescape Escape View File

@ -9,7 +9,7 @@
</view>
<view class="detail">
<view class="goodsBox"v-for="(item,index) in 10">
<image src="https://wx4.sinaimg.cn/large/006TzZ4Ugy1hs3zsjzgkfj31jk1jkwvr.jpg"></image>
<image src="https://wx1.sinaimg.cn/large/006zUvE2gy1hs8ubk0i3ij30iu0iu40b.jpg" mode="scaleToFill"></image>
<text class="goodsName">商品名称</text>
<view class="bottom">
<text class="goodsPrice">0.60</text>
@ -66,13 +66,14 @@
min-height: 100vh;
background: #FFFFFF;
border-radius: 20rpx 20rpx 0rpx 0rpx;
.searchTop{
width: 750rpx;
height: 92rpx;
display: flex;
align-items: center;
padding: 2rpx;
box-sizing: border-box;
padding: 36rpx;
.filter-item{
width: 124rpx;
height: 56rpx;
@ -94,7 +95,7 @@
}
}
.detail{
padding-left: 30rpx;
padding: 36rpx 8rpx 0 36rpx;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
@ -107,20 +108,21 @@
flex-direction: column;
justify-content: space-between;
margin-bottom: 22rpx;
margin-right: 30rpx;
>image{
width: 328rpx;
height: 320rpx;
}
.goodsName{
font-weight: 500;
font-size: 32rpx;
box-sizing: border-box;
}
.bottom{
display: flex;
height: 42rpx;
text-align: left;
width: 328rpx;
position: relative;
box-sizing: border-box;
.goodsPrice{
font-family: OPPOSans, OPPOSans;
font-weight: bold;

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/cloudStore/components/dropshipping.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/mp-weixin/pages/cloudStore/components/dropshipping.wxml vendored
Unescape Escape View File

@ -1 +1 @@
<view class="dropshipping"><view class="searchTop"><u-search style="width:270rpx;" vue-id="226dfb3a-1" placeholder="搜索商品" shape="round" height="56rpx" showAction="{{false}}" bind:__l="__l"></u-search><block wx:for="{{filterList}}" wx:for-item="item" wx:for-index="__i0__" wx:key="value"><view data-event-opts="{{[['clear',[['getData',['$event']]]],['tap',[['filterClick',['$0'],[[['filterList','value',item.value]]]]]]]}}" class="{{['filter-item',[(activeId===item.value)?'act':'']]}}" bindclear="__e" bindtap="__e"><text class="filter-name">{{item.name}}</text><u-icon vue-id="{{'226dfb3a-2-'+__i0__}}" name="arrow-down-fill" size="10" bind:__l="__l"></u-icon></view></block></view><view class="detail"><block wx:for="{{10}}" wx:for-item="item" wx:for-index="index"><view class="goodsBox"><image src="https://wx4.sinaimg.cn/large/006TzZ4Ugy1hs3zsjzgkfj31jk1jkwvr.jpg"></image><text class="goodsName">商品名称</text><view class="bottom"><text class="goodsPrice">0.60</text><text class="sales">销量470,000+</text></view></view></block></view></view>
<view class="dropshipping"><view class="searchTop"><u-search style="width:270rpx;" vue-id="226dfb3a-1" placeholder="搜索商品" shape="round" height="56rpx" showAction="{{false}}" bind:__l="__l"></u-search><block wx:for="{{filterList}}" wx:for-item="item" wx:for-index="__i0__" wx:key="value"><view data-event-opts="{{[['clear',[['getData',['$event']]]],['tap',[['filterClick',['$0'],[[['filterList','value',item.value]]]]]]]}}" class="{{['filter-item',[(activeId===item.value)?'act':'']]}}" bindclear="__e" bindtap="__e"><text class="filter-name">{{item.name}}</text><u-icon vue-id="{{'226dfb3a-2-'+__i0__}}" name="arrow-down-fill" size="10" bind:__l="__l"></u-icon></view></block></view><view class="detail"><block wx:for="{{10}}" wx:for-item="item" wx:for-index="index"><view class="goodsBox"><image src="https://wx1.sinaimg.cn/large/006zUvE2gy1hs8ubk0i3ij30iu0iu40b.jpg" mode="scaleToFill"></image><text class="goodsName">商品名称</text><view class="bottom"><text class="goodsPrice">0.60</text><text class="sales">销量470,000+</text></view></view></block></view></view>

10
unpackage/dist/dev/mp-weixin/pages/cloudStore/components/dropshipping.wxss vendored
Unescape Escape View File

@ -34,8 +34,8 @@
height: 92rpx;
display: flex;
align-items: center;
padding: 2rpx;
box-sizing: border-box;
padding: 36rpx;
}
.dropshipping .searchTop .filter-item {
width: 124rpx;
@ -57,7 +57,7 @@
font-weight: 600;
}
.dropshipping .detail {
padding-left: 30rpx;
padding: 36rpx 8rpx 0 36rpx;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
@ -70,7 +70,6 @@
flex-direction: column;
justify-content: space-between;
margin-bottom: 22rpx;
margin-right: 30rpx;
}
.dropshipping .goodsBox > image {
width: 328rpx;
@ -79,12 +78,13 @@
.dropshipping .goodsBox .goodsName {
font-weight: 500;
font-size: 32rpx;
box-sizing: border-box;
}
.dropshipping .goodsBox .bottom {
display: flex;
height: 42rpx;
text-align: left;
width: 328rpx;
position: relative;
box-sizing: border-box;
}
.dropshipping .goodsBox .bottom .goodsPrice {
font-family: OPPOSans, OPPOSans;

Write Preview
Loading…
Cancel
Save