ソースを参照

商品详情标签样式调整

zhengjinyi 3 年 前
コミット
c6012f5eeb
1 ファイル変更12 行追加9 行削除
  1. 12 9
      pages/goods/product.vue

+ 12 - 9
pages/goods/product.vue

@@ -80,13 +80,13 @@
 				<view class="container-product-main">
 					<view class="product-top">
 						<view class="banner-section">
-							<view class="cm-product-tags">
+							<!-- <view class="cm-product-tags"> -->
 								<!-- <view class="cm-product-cover" v-if="product.appletsActType === 1"
 									>云上美博会</view
 								> -->
-								<view class="cm-product-type" v-if="product.productType == 2">医疗器械</view>
-								<view class="cm-product-cover" v-if="product.appletsActType === 1"></view>
-							</view>
+							<view class="cm-product-type" v-if="product.productType == 2">医疗器械</view>
+							<view class="cm-product-cover" v-if="product.appletsActType === 1"></view>
+							<!-- </view> -->
 							<uni-swiper-dot :info="productImage" :current="current" field="content" :mode="mode">
 								<swiper
 									class="banner tui-banner tui-skeleton-rect"
@@ -1647,14 +1647,14 @@ page {
 		font-size: $font-size-22;
 		color: #FFFFFF;
 		line-height: 25rpx;
-		float: left;
+		position: absolute;
+		left: 30rpx;
+		top: 0;
+		z-index: 999;
 	}
 	.cm-product-cover {
 	    width: 120rpx;
 	    height: 77rpx;
-		// right: 30rpx;
-		// top: 30rpx;
-		// width: 147rpx;
 		line-height: 57rpx;
 		font-size: 24rpx;
 		color: #fff;
@@ -1662,7 +1662,10 @@ page {
 		background: url(https://static.caimei365.com/app/img/icon2/cm_cover_bg_app.png) no-repeat center;
 		background-size: 120rpx;
 		float: left;
-		margin-left: 10rpx;
+		position: absolute;
+		right: 30rpx;
+		top: 0;
+		z-index: 999;
 	}
 }
 .banner {