no message

pages/convert/convert-index.vue

@@ -4,35 +4,65 @@ export default {
   components: {},
   data() {
     return {
-      input: ''
+      input: '',
+      usdtNum:'',
+      iconNum:'',
+      type:1,
+      toNum:'',
+      formNUm:''
     };
   },
   mounted() {
   },
-  methods: {},
+  methods: {
+    setType(){
+      this.type=(this.type===1?2:1)
+      console.log(' this.type', this.type)
+    }
+  },
 }
 </script>
 
 <template>
   <view class="bgc-f p-40 box-sizing-border b-rad-20">
-    <view class="bgc-F6F7FA b-rad-20 mb-20 p-20 box-sizing-border mb-20">
-      <view class="align-items-start flex-justify-space mb-20">
-        <view class="align-items-center">
-          <image
-              class="t-img mr-8"
-              :src="require('@/static/img/index/index/usdt.png')"
-              ></image>
-          <view class="fs-28">USDT</view>
+    <view>
+      <view class="bgc-F6F7FA b-rad-20 mb-20 p-20 box-sizing-border mb-20" v-if="type===1">
+        <view class="align-items-start flex-justify-space mb-20">
+          <view class="align-items-center">
+            <image
+                class="t-img mr-8"
+                :src="require('@/static/img/index/index/usdt.png')"
+            ></image>
+            <view class="fs-28">USDT</view>
+          </view>
+          <view class="max-box b-rad-20 fs-28">
+            Max 0.01
+          </view>
         </view>
-        <view class="max-box b-rad-20 fs-28">
-          Max 0.01
+        <view>
+          <input v-model="formNUm" placeholder="输入要兑换的USDT数量" placeholder-class="fs-28"></input>
         </view>
       </view>
-      <view>
-        <input v-model="input" placeholder="输入要兑换的USDT数量" placeholder-class="fs-28"></input>
+      <view class="bgc-F6F7FA b-rad-20 mb-20 p-20 box-sizing-border mb-20" v-else>
+        <view class="align-items-start flex-justify-space mb-20">
+          <view class="align-items-center">
+            <image
+                class="t-img mr-8"
+                :src="require('@/static/img/logo/logo.png')"
+            ></image>
+            <view class="fs-28">DAO</view>
+          </view>
+          <view class="max-box b-rad-20 fs-28">
+            Max 0.01
+          </view>
+        </view>
+        <view>
+          <input v-model="formNUm" placeholder="输入要兑换的DAO数量" placeholder-class="fs-28"></input>
+        </view>
       </view>
     </view>
-    <view class="flex-direction-column align-items-center flex-justify-center mb-20">
+
+    <view class="flex-direction-column align-items-center flex-justify-center mb-20" @click="setType">
       <view class="fs-28">
         FORM
       </view>
@@ -44,20 +74,37 @@ export default {
         TO
       </view>
     </view>
-    <view class="bgc-F6F7FA b-rad-20 mb-20 p-20 box-sizing-border mb-50">
-      <view class="align-items-start flex-justify-space mb-20">
-        <view class="align-items-center">
-          <image
-              class="logo-img mr-8"
-              :src="require('@/static/img/logo/logo.png')"
-              ></image>
-          <view class="fs-28">DAO</view>
+    <view>
+      <view class="bgc-F6F7FA b-rad-20 mb-20 p-20 box-sizing-border mb-50" v-if="type===1">
+        <view class="align-items-start flex-justify-space mb-20">
+          <view class="align-items-center">
+            <image
+                class="logo-img mr-8"
+                :src="require('@/static/img/logo/logo.png')"
+            ></image>
+            <view class="fs-28">DAO</view>
+          </view>
+        </view>
+        <view class="fs-28">
+         {{toNum?toNum:'请输入需要兑换的USDT数量'}}
         </view>
       </view>
-      <view class="fs-28">
-        0.02
+      <view class="bgc-F6F7FA b-rad-20 mb-20 p-20 box-sizing-border mb-50" v-else>
+        <view class="align-items-start flex-justify-space mb-20">
+          <view class="align-items-center">
+            <image
+                class="logo-img mr-8"
+                :src="require('@/static/img/index/index/usdt.png')"
+            ></image>
+            <view class="fs-28">USDT</view>
+          </view>
+        </view>
+        <view class="fs-28">
+          {{toNum?toNum:'请输入需要兑换的DAO数量'}}
+        </view>
       </view>
     </view>
+
     <view class="convent-but b-rad-20 text-align-center fs-28 fc-f">
       兑换
     </view>
@@ -69,7 +116,7 @@ export default {
   width: 70rpx;
   height: 60rpx;
 }
-.max-box{ 
+.max-box{
   color: #0d81cf;
   border: 2rpx solid #0d81cf;
   padding: 6rpx 20rpx;