uniapp-qxk/packages/agent/agent.vue

<template>
	<view class="flex-col group_4">
	  <view class="flex-col">
	    <image
	      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497759710376128.png"
	      class="image_6"
	    />
	    <view class="flex-col section_2">
	      <view class="flex-col items-center section_3">
	        <text class="text_2">783489248292</text>
	        <text class="text_3">有效期：2022-05-17至2022-05-31</text>
	      </view>
	      <text class="text_4">注：重新生成后没使用的优惠码将失效</text>
	      <view class="flex-col group_6">
	        <view class="flex-col items-center button" @click="copy()"><text class="text_5">复制分销优惠码</text></view>
	        <view class="flex-col items-center button_1"><text class="text_6">重新生成优惠码</text></view>
	      </view>
	    </view>
	  </view>
	  <view class="section_4"><!--*--></view>
	</view>
</template>

<script>
	export default {
		
		onLoad() {
			
		},
		methods: {
			copy(){
				let userInfo = uni.getStorageSync('userInfo');
				console.log(11111);
				uni.setClipboardData({
					data:userInfo.agent_code,
					showToast:true,
					success() {
						uni.showToast({
							title:"已复制优惠码"
						})
					}
				})
			},
		}
	}
</script>

<style>
	.group_4 {
	  padding-bottom: 0.5rem;
	  flex: 1 1 auto;
	  overflow-y: auto;
	}
	.section_4 {
	  margin-top: 22.63rem;
	  align-self: center;
	  background-color: #000000;
	  border-radius: 0.13rem;
	  width: 6.13rem;
	  height: 0.25rem;
	}
	.image_6 {
	  width: 100vw;
	  height: 0.8vw;
	}
	.section_2 {
	  padding: 1.25rem 1rem;
	  background-color: #ffffff;
	}
	.section_3 {
	  padding: 1.25rem 0;
	  background-color: #f6f6f6;
	  border-radius: 0.31rem;
	}
	.text_4 {
	  margin-top: 0.94rem;
	  align-self: center;
	  color: #999999;
	  font-size: 0.88rem;
	  font-family: 'PingFangSC-Medium';
	  font-weight: 500;
	  line-height: 1.25rem;
	}
	.group_6 {
	  margin-top: 3.75rem;
	}
	.text_2 {
	  color: #e7a23f;
	  font-size: 1.5rem;
	  font-family: 'PingFangSC-Semibold';
	  font-weight: 600;
	  line-height: 2.06rem;
	}
	.text_3 {
	  margin-top: 0.63rem;
	  color: #777777;
	  font-size: 0.88rem;
	  font-family: 'PingFangSC-Medium';
	  font-weight: 500;
	  line-height: 1.25rem;
	}
	.button {
	  padding: 0.81rem 0;
	  background-color: #e7a23f;
	  border-radius: 0.31rem;
	}
	.button_1 {
	  margin-top: 0.88rem;
	  padding: 0.75rem 0;
	  border-radius: 0.31rem;
	  border: solid 0.063rem #e7a23f;
	}
	.text_5 {
	  color: #ffffff;
	  font-size: 1rem;
	  font-family: 'PingFangSC-Semibold';
	  font-weight: 600;
	  line-height: 1.38rem;
	}
	.text_6 {
	  color: #e7a23f;
	  font-size: 1rem;
	  font-family: 'PingFangSC-Semibold';
	  font-weight: 600;
	  line-height: 1.38rem;
	}
</style>