wip: 4.0

src/pages/admin/verify/index.vue

@@ -1,13 +1,17 @@
 <template>
   <view>
     <view class="card">
-      <nut-button block type="primary" @click="scanCode">扫码核销</nut-button>
+      <image
+        class="image"
+        @tap="scanCode"
+        src="http://p1.meituan.net/csc/696924dda634f05689dabdfbb18e88cc13551.png" />
+      <view class="mt-2 text-[#7A7A7A]">扫描二维码核销</view>
     </view>
   </view>
 </template>
 
 <script setup lang="ts">
-import Taro from "@tarojs/taro";
+import Taro from '@tarojs/taro';
 
 // url参数转对象
 // const urlParse = (url: string) => {
@@ -28,8 +32,8 @@ import Taro from "@tarojs/taro";
 const scanCode = () => {
   Taro.scanCode({
     onlyFromCamera: true,
-    scanType: ["qrCode"],
-    success: async (res) => {
+    scanType: ['qrCode'],
+    success: async res => {
       try {
         Taro.navigateTo({
           url: `/pages/admin/verify/verify_list/index?oid=${res.result}`,
@@ -37,7 +41,7 @@ const scanCode = () => {
       } catch (error) {
         Taro.showToast({
           title: error.msg,
-          icon: "none",
+          icon: 'none',
         });
       }
     },
@@ -48,9 +52,9 @@ const scanCode = () => {
 <style lang="scss">
 page {
   background-color: #f5f5f5;
-  background-image: url("~@/static/admin/cancellation-header.png");
+  background-image: url('http://p0.meituan.net/csc/e6ff5582788af2023f49241afe22fc89391851.png');
   background-repeat: no-repeat;
-  background-size: 100% 30%;
+  background-size: 100% 25%;
 }
 
 .card {
@@ -59,10 +63,16 @@ page {
   box-sizing: border-box;
   background-color: #fff;
   margin: 300px auto;
-  border-radius: 10px;
+  border-radius: 33px;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 0 100px;
+
+  .image {
+    width: 150px;
+    height: 150px;
+  }
 }
 </style>