444

pages/cloudStore/components/dropshipping.vue

@@ -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;

unpackage/dist/dev/mp-weixin/pages/cloudStore/components/dropshipping.wxml

@@ -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>

unpackage/dist/dev/mp-weixin/pages/cloudStore/components/dropshipping.wxss

@@ -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;