Quellcode durchsuchen

1.修改界面其他问题

306132416@qq.com vor 5 Jahren
Ursprung
Commit
51df942c0f
2 geänderte Dateien mit 77 neuen und 6 gelöschten Zeilen
  1. 72 2
      pages/index/detailPage/index.vue
  2. 5 4
      pages/index/index.vue

+ 72 - 2
pages/index/detailPage/index.vue

@@ -5,6 +5,7 @@
 		<view class="detail-title">
 			<text class="detail-font">{{detailObj.desc || '-'}}</text>
 		    <text class="price-style">¥{{detailObj.money || '-'}}</text> 
+			<button type="default" class="copy-title-btn" @click="copyTitle">复制标题</button>
 		</view>
 		
 	<view class="share-box">
@@ -12,10 +13,22 @@
 		<button type="default" @click.stop='showShareModal'>分享</button>
 	</view> 
 	
-	<view class="share-box" style="height: 200upx;margin-top: 2%;" @longpress="copyCode">
-		<!-- <view>长按复制框内整段文字,打开 [手淘] 即可购买</view> -->
+	<!-- <view class="share-box" style="height: 200upx;margin-top: 2%;" @longpress="copyCode">
+		<view>长按复制框内整段文字,打开 [手淘] 即可购买</view>
 		<view style="text-align: center;">{{shareCode}}</view>
+		<view style="text-align: center;">复制店铺名[{{shareCode || '-'}}],打开[Tao宝]</view>
+		<view style="text-align: center;">搜索进入</view>
 		<button type="default" @click="copyCode">一键复制</button>
+	</view> -->
+	
+	<view class="share-box-new">
+		<view class="left-box">
+			<image :src="detailObj.picture" mode="aspectFill"></image>
+			<view>{{shareCode || '-'}}</view>
+		</view>
+		<view style="margin-right: 3%;">
+			<button type="default" class="copy-content-btn" @click="copyCode">一键复制</button>
+		</view>
 	</view>
 		
 		<view class="product-title">产品详情</view>
@@ -132,6 +145,18 @@
 						})
 					}
 				})
+			},
+			copyTitle(){
+				let that = this;
+				uni.setClipboardData({
+					data:that.detailObj.desc,
+					success() {
+						uni.showToast({
+							icon:'none',
+							title:'复制成功'
+						})
+					}
+				})
 			}
 		}
 	}
@@ -165,6 +190,7 @@
 		/* align-items: center; */
 		background: #fff;
 		font-size: 30rpx;
+		position: relative;
 	}
 	.detail-font {
 		display: -webkit-box;
@@ -183,6 +209,29 @@
 		margin-left: 4.5%;
         color: red; 
 	}
+	.share-box-new {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		width: 100%;
+		height: 100upx;
+		background: #fff;
+		font-size: 28rpx;
+		padding: 5px;
+		margin-top: 2%;
+	}
+	.left-box {
+		margin-left: 3%;
+		display: flex;
+		align-items: center;
+		width: 70%;
+	}
+	.share-box-new image {
+		width: 80upx;
+		height:80upx;
+		border-radius: 50%;
+		margin-right: 1%;
+	}
 	.share-box {
 		display: flex;
 		flex-direction: column;
@@ -203,6 +252,27 @@
 		background-color: #27BCEF;
 		color: #fff;
 	}
+	.copy-title-btn{
+		position: absolute;
+		width: 180rpx;
+		height: 70rpx;
+		line-height: 70rpx;
+		background-color: #27BCEF!important;
+		color: #fff!important;
+		font-size: 28rpx;
+		right: 10px;
+		top: 45px;
+	}
+	.copy-content-btn {
+		width: 140rpx;
+		height: 50rpx;
+		line-height: 50rpx;
+		background-color: #27BCEF!important;
+		color: #fff!important;
+		font-size: 26rpx;
+		padding-left: 1%;
+		padding-right: 1%;
+	}
 
 	.title {
 		font-size: 36upx;

+ 5 - 4
pages/index/index.vue

@@ -10,11 +10,12 @@
 			<button type="default" @click.stop='showShareModal'>分享</button>
 		</view>
 		
-		<view class="share-box" style="height: 200upx;margin-top: 2%;" @longpress="copyCode">
+		<!-- <view class="share-box" style="height: 200upx;margin-top: 2%;" @longpress="copyCode"> -->
 			<!-- <view>长按复制框内整段文字,打开 [手淘] 即可购买</view> -->
-			<view style="text-align: center;">{{pageInfo.copycontent}}</view>
-			<button type="default" @click="copyCode">一键复制</button>
-		</view>
+	<!-- 		<view style="text-align: center;">复制店铺名[{{pageInfo.copycontent || '-'}}],打开[Tao宝]</view>
+			<view style="text-align: center;">搜索进入</view>
+			<button type="default" @click="copyCode">一键复制</button> -->
+		<!-- </view> -->
 		
 		<view class="product-title">推荐产品</view>