1.虚拟币---收款

2024.3.10 sws

common/css/page.css

@@ -506,6 +506,22 @@ button:before {
 .br-r-e {
     border-right: 1px solid #eeeeee !important;
 }
+.br-c {
+    border: solid 1px #cccccc !important;
+}
+.br-b-c {
+    border-bottom: 1px solid #cccccc !important;
+}
+.br-t-c {
+    border-top: 1px solid #cccccc !important;
+}
+.br-l-c {
+    border-left: 1px solid #cccccc !important;
+}
+.br-r-c {
+    border-right: 1px solid #cccccc !important;
+}
+
 .br-white {
     border: 1px solid #FFF !important;
 }
@@ -533,9 +549,6 @@ button:before {
 .br-grey-9 {
     border: solid 1px #999999 !important;
 }
-.br-grey-c {
-    border: solid 1px #cccccc !important;
-}
 .br-blue {
     border: solid 1px #2196F3 !important;
 }

pages/plugins/coin/collection/collection.css

@@ -1,5 +1,22 @@
 .collection .img {
-    --size:280rpx;
+    --size: 280rpx;
     width: var(--size) !important;
     height: var(--size) !important;
+    margin-bottom: 80rpx;
+    margin-top: 52rpx;
+}
+
+.collection .code {
+    margin-bottom: 52rpx;
+}
+
+.collection .code .num {
+    padding: 20rpx 28rpx;
+    word-break: break-all;
+    text-align: left;
+}
+
+.collection .code .copy {
+    padding: 40rpx;
+    color: #635BFF;
 }

pages/plugins/coin/collection/collection.vue

@@ -2,8 +2,18 @@
     <view :class="theme_view">
         <view class="collection">
             <view class="padding-main pr">
-                <view class="padding-lg bg-white radius-md margin-bottom-main">
+                <view class="padding-lg bg-white radius-md margin-bottom-main tc">
                     <image :src="wallet_static_url + 'user-head-bg.png'" mode="widthFix" class="img" />
+                    <view class="code br-c radius flex-row">
+                        <view class="num flex-1 flex-width flex-row align-c text-size-md">{{ code }}</view>
+                        <view class="copy br-l-c text-size fw-b" :data-value="code" @tap.stop="text_copy_event">复制</view>
+                    </view>
+                </view>
+                <view class="cr-grey-9 margin-top-xxl flex-row">
+                    <view class="pr top-xs">
+                        <iconfont name="icon-sigh-o" size="32rpx"></iconfont>
+                    </view>
+                    <text class="margin-left-sm text-size-xs">说出来的是你想的，做出来的是你说的，交出来的是你做的</text>
                 </view>
             </view>
         </view>
@@ -23,6 +33,8 @@
             return {
                 theme_view: app.globalData.get_theme_value_view(),
                 wallet_static_url: wallet_static_url,
+
+                code: '3453sdfsdf3254233453sdfsdf325423',
             };
         },
 
@@ -66,9 +78,14 @@
 
             // 获取数据
             get_data() {},
+
+            // 复制文本
+            text_copy_event(e) {
+                app.globalData.text_copy_event(e);
+            },
         },
     };
 </script>
 <style>
-    @import './convert.css';
+    @import './collection.css';
 </style>

static/icon/iconfont.css

@@ -14,6 +14,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-sigh-o:before {
+  content: "\e71f";
+}
+
 .icon-copy:before {
   content: "\e71e";
 }