no message

pages/convert/convert-index.vue

@@ -14,51 +14,51 @@ export default {
 </script>
 
 <template>
-  <view class="bgc-f p-40 box-sizing-border b-rad-10">
-    <view class="bgc-F6F7FA b-rad-10 mb-10 p-10 box-sizing-border mb-10">
-      <view class="align-items-start flex-justify-space mb-10">
+  <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-4"
+              class="t-img mr-8"
               :src="require('@/static/img/index/index/usdt.png')"
               ></image>
-          <view class="fs-14">USDT</view>
+          <view class="fs-28">USDT</view>
         </view>
-        <view class="max-box b-rad-10 fs-14">
+        <view class="max-box b-rad-20 fs-28">
           Max 0.01
         </view>
       </view>
       <view>
-        <input v-model="input" placeholder="输入要兑换的USDT数量" placeholder-class="fs-14"></input>
+        <input v-model="input" placeholder="输入要兑换的USDT数量" placeholder-class="fs-28"></input>
       </view>
     </view>
-    <view class="flex-direction-column align-items-center flex-justify-center mb-10">
-      <view class="fs-14">
+    <view class="flex-direction-column align-items-center flex-justify-center mb-20">
+      <view class="fs-28">
         FORM
       </view>
       <image
           class="jh-img"
           :src="require('@/static/img/index/index/jiaohuan.png')"
           ></image>
-      <view class="fs-14">
+      <view class="fs-28">
         TO
       </view>
     </view>
-    <view class="bgc-F6F7FA b-rad-10 mb-10 p-10 box-sizing-border mb-50">
-      <view class="align-items-start flex-justify-space mb-10">
+    <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-4"
+              class="logo-img mr-8"
               :src="require('@/static/img/logo/logo.png')"
               ></image>
-          <view class="fs-14">DAO</view>
+          <view class="fs-28">DAO</view>
         </view>
       </view>
-      <view class="fs-14">
+      <view class="fs-28">
         0.02
       </view>
     </view>
-    <view class="convent-but b-rad-10 text-align-center fs-14 fc-f">
+    <view class="convent-but b-rad-20 text-align-center fs-28 fc-f">
       兑换
     </view>
   </view>
@@ -66,13 +66,13 @@ export default {
 
 <style scoped lang="scss">
 .t-img{
-  width: 35px;
-  height: 30px;
+  width: 70rpx;
+  height: 60rpx;
 }
 .max-box{ 
   color: #0d81cf;
-  border: 1px solid #0d81cf;
-  padding: 3px 10px;
+  border: 2rpx solid #0d81cf;
+  padding: 6rpx 20rpx;
 }
 ::v-deep .el-input__inner{
   background-color: transparent;
@@ -80,17 +80,17 @@ export default {
   padding: 0;
 }
 .jh-img{
-  width: 30px;
-  height: 30px;
+  width: 60rpx;
+  height: 60rpx;
 }
 .logo-img{
-  width: 33px;
-  height: 25px;
+  width: 66rpx;
+  height: 50rpx;
 }
 .convent-but{
-  height: 40px;
+  height: 80rpx;
   background: #0d81cf;
   color: #fff;
-  line-height: 40px;
+  line-height: 80rpx;
 }
 </style>