style

pages/shouye/shouye.wxml

@@ -6,43 +6,28 @@
     <!-- <view class="tab-content">{{item.tab}}</view> -->
   </l-tabpanel>
 </l-tabs>
+<view wx:for="{{goodsList}}" wx:key="msg">
+  <l-card  type="primary" l-img-class="right-card" position="left" image="https://img.pddpic.com/mms-material-img/2021-02-23/7ba1ee16-fb91-4785-98ab-bda3afd6002f.png.a.jpeg"
+  bindtap="goodsDetail"  full="true">
 
-<l-card type="primary" full l-class="card" l-img-class="right-card" image-mode="aspectFill"  image="https://cdn.3n6.cn/yun.share.tour/2021-05-27/2029259/1622099734452029086.jpg">
-  <view class="super-long-test">
-  <image class="empty-icon" src="/pages/image/dd.png" ></image>
-    【五件套】不锈钢盆圆形加厚加深盆子家用厨房装汤和面洗菜沥水盆
-  </view>
-<view class="containertag">
-  <l-tag plain="{{true}}" font-color="#d81e06" shape="circle">一元券</l-tag>
-  <l-tag plain="{{true}}" font-color="#d81e06" shape="circle">返利0.01元</l-tag>
+    <view class="super-long-test">
+      <image class="empty-icon" src="/pages/image/dd.png" ></image>
+      【五件套】不锈钢盆圆形加厚加深盆子家用厨房装汤和面洗菜沥水盆
+    </view>
+    <view class="containertag">
+      <l-tag plain="{{true}}" font-color="#d81e06" shape="circle" size="medium"  l-class="tag" class="describe" >20元券</l-tag>
+      <l-tag plain="{{true}}" font-color="#d81e06" shape="circle" size="medium"  l-class="tag"  class="fanli">返利0.01</l-tag>
+     
+    </view>
+    <view class="price-v">
+     <text class="price">劵后￥{{(2000)/100}}</text> <text class="yprice">原价{{10000/100}}</text>  
+    </view>
+    <text class="contentcard">
+    销量：10万+
+   </text>
+      <text class="contentcard">店铺：旗舰店</text>
+  </l-card>
 </view>
-  
- 
-  <l-price unit="券后价格￥" value="666.00" del-color="#3963bc"></l-price>
-  <l-price unit="原价￥" value="666.00" deleted="{{true}}" del-color="#3963bc"></l-price>
-  <view class="contentcard">
-    销量
-  </view>
-  <view class="contentcard">
-    店铺
-  </view>
-</l-card>
-
-
-<l-card type="primary" full l-class="card" l-img-class="right-card" image-mode="aspectFill" image="https://img.pddpic.com/mms-material-img/2021-02-23/7ba1ee16-fb91-4785-98ab-bda3afd6002f.png.a.jpeg"
-  title="做一个热爱生活的人！">
-  <view class="contentcard">
-    大雄要死掉了,他对妻子说:我死之后你找一个男人我就在地下打一一个滚。说完就咽气了。某天...
-  </view>
-</l-card>
-
-<l-card type="primary" full l-class="card" l-img-class="right-card" image-mode="aspectFill" image="https://img.pddpic.com/mms-material-img/2021-02-23/7ba1ee16-fb91-4785-98ab-bda3afd6002f.png.a.jpeg"
-  title="做一个热爱生活的人！">
-  <view class="contentcard">
-    大雄要死掉了,他对妻子说:我死之后你找一个男人我就在地下打一一个滚。说完就咽气了。某天...
-  </view>
-</l-card>
-
 
   
      

pages/shouye/shouye.wxss

@@ -98,8 +98,8 @@
 }
 
 .right-card {
-  height: 300rpx !important;
-  width: 300rpx !important;
+  height: 250rpx !important;
+  width: 250rpx !important;
   border-radius: 12rpx !important;
 }
 
@@ -130,9 +130,9 @@
 }
 
 .contentcard {
-  margin-top: 10rpx;
+  margin:5rpx 0rpx 0rpx 0rpx;   
   color: #666;
-  font-size: 26rpx;
+  font-size: 25rpx;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -175,4 +175,62 @@
   flex-direction: row;
   align-items: flex-end;
   flex-wrap: wrap;
+}
+
+.btn{
+  margin-bottom: 5rpx;
+}
+.describe{
+  color: #f4f4f5;
+    font-size: 28rpx;
+    
+}
+
+.fanli{
+  position: absolute;
+  right: 10rpx;
+  
+}
+
+.l-tag {
+  padding: 0 16rpx;
+ 
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  color: #fff;
+  background-color: #3963bc;
+  margin-left: 15rpx;
+}
+.tag{
+  margin: 6rpx 15rpx 6rpx 0 !important;
+}
+.price-container{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  margin-left: 10rpx;
+}
+
+
+.price{
+  color:#d81e06;
+  font-size: 30rpx;
+ 
+ 
+  position: absolute;
+  
+}
+.yprice{
+  position: absolute;
+  right: 30rpx;
+  color: #999;
+  font-size: 25rpx;
+  text-decoration:line-through;
+
+  
+}
+.price-v{
+  margin:5rpx 0rpx 10rpx 0rpx;   
 }

project.config.json

@@ -29,8 +29,6 @@
       "disablePlugins": [],
       "outputPath": ""
     },
-    "enableEngineNative": false,
-    "bundle": false,
     "useIsolateContext": true,
     "useCompilerModule": true,
     "userConfirmedUseCompilerModuleSwitch": false,