feat: 新增index.html文件并更新多个页面样式和结构

components/m-airbtn/index.vue

@@ -15,12 +15,13 @@
 
 <script>
 import config from "@/config/config";
+import logoImg from "@/icon.png";
 export default {
   data() {
     return {
       config, // 设置工具类
       weChat: false,  // 是否微信浏览器，该项为true时不显示 当前整个页面
-      logo: require("@/icon.png"), //显示的圆形logo
+      logo: logoImg, //显示的圆形logo
     };
   },
   mounted() {

components/m-canvas/index.vue

@@ -20,13 +20,14 @@
 <script>
 // 引入绘制插件
 import DrawPoster from "@/js_sdk/u-draw-poster";
+import logoImg from "@/pages/passport/static/logo-title.png";
 
 export default {
   data: () => ({
     imgUrl: "", //绘制出来的图片路径
     show: false, //是否展示模态框
     dp: {}, //绘制的dp对象，用于存储绘制等一些方法。
-    logo: require("@/pages/passport/static/logo-title.png"), //本地logo地址
+    logo: logoImg, //本地logo地址
   }),
 
   props: {

components/m-goods-list/list.vue

@@ -213,7 +213,8 @@
 			display: flex;
 			flex-wrap: wrap;
 			margin: 10rpx 20rpx 284rpx;
-			width: 100%;
+			width: calc(100% - 40rpx);
+			box-sizing: border-box;
 
 			&.goods-list--embedded {
 				margin-bottom: 20rpx;

components/m-placard/index.vue

@@ -18,14 +18,16 @@
 import DrawPoster from "@/js_sdk/u-draw-poster";
 // 生成二维码
 import uQRCode from '@/components/Sansnn-uQRCode/uqrcode.js';
+import logoImg from "@/pages/passport/static/logo-title.png";
+import myFaceImg from "@/pages/passport/static/missing-face.png";
 
 export default {
   data: () => ({
     imgUrl: "", //绘制出来的图片路径
     show: false, //是否展示模态框
     dp: {}, //绘制的dp对象，用于存储绘制等一些方法。
-    logo: require("@/pages/passport/static/logo-title.png"), 	// 本地logo地址
-	myFace: require("@/pages/passport/static/missing-face.png"),	// 本地默认头像
+    logo: logoImg, 	// 本地logo地址
+	myFace: myFaceImg,	// 本地默认头像
 	sharingLink: '',	// 二维码链接
   }),
   props: {

components/verify-code/verify-code.vue

@@ -2,10 +2,11 @@
 	<view class="xt__verify-code">
 		<!-- 输入框 -->
 		<input
+			ref="codeInput"
 			id="xt__input"
 			:value="code"
 			class="xt__input"
-			:focus="isFocus"
+			:focus="focused"
 			:password="isPassword"
 			:type="inputType"
 			:maxlength="size"
@@ -23,7 +24,7 @@
 		></view>
 
 		<!-- 输入框 - 组 -->
-		<view id="xt__input-ground" class="xt__input-ground">
+		<view id="xt__input-ground" class="xt__input-ground" @click="focusInput">
 			<template v-for="(item, index) in size" :key="index">
 				<view
 					:style="{ borderColor: code.length === index && cursorVisible ? boxActiveColor : boxNormalColor }"
@@ -51,7 +52,12 @@
  */
 export default {
 	name: 'xt-verify-code',
+	emits: ['update:modelValue', 'input', 'confirm'],
 	props: {
+		modelValue: {
+			type: String,
+			default: () => ''
+		},
 		value: {
 			type: String,
 			default: () => ''
@@ -89,12 +95,9 @@ export default {
 			default: () => '#000000'
 		}
 	},
-	model: {
-		prop: 'value',
-		event: 'input'
-	},
 	data() {
 		return {
+			focused: false,
 			cursorVisible: false,
 			cursorHeight: 35,
 			code: '', // 输入的验证码
@@ -102,12 +105,31 @@ export default {
 		};
 	},
 	created() {
+		this.code = this.modelValue || this.value || '';
+		this.focused = this.isFocus;
 		this.cursorVisible = this.isFocus;
 	},
 	mounted() {
 		this.init();
+		if (this.isFocus) {
+			this.$nextTick(() => {
+				this.focusInput();
+			});
+		}
 	},
 	methods: {
+		focusInput() {
+			this.focused = false;
+			this.$nextTick(() => {
+				this.focused = true;
+				// #ifdef H5
+				const inputEl = this.$refs.codeInput;
+				if (inputEl && typeof inputEl.focus === 'function') {
+					inputEl.focus();
+				}
+				// #endif
+			});
+		},
 		/**
 		 * @description 初始化
 		 */
@@ -159,7 +181,9 @@ export default {
 		// 输入框输入变化的回调
 		input(e) {
 			const value = e.detail.value;
+			this.code = value;
 			this.cursorVisible = value.length !== this.size;
+			this.$emit('update:modelValue', value);
 			this.$emit('input', value);
 			this.inputSuccess(value);
 		},
@@ -187,8 +211,11 @@ export default {
 		}
 	},
 	watch: {
+		modelValue(val) {
+			this.code = val || '';
+		},
 		value(val) {
-			this.code = val;
+			this.code = val || '';
 		}
 	}
 };
@@ -200,11 +227,13 @@ export default {
 	box-sizing: border-box;
 
 	.xt__input {
-		height: 100%;
-		width: 200%;
 		position: absolute;
-		left: -100%;
-		z-index: 1;
+		top: 0;
+		left: 0;
+		height: 100%;
+		width: 100%;
+		opacity: 0;
+		z-index: 2;
 	}
 	.xt__cursor {
 		position: absolute;
@@ -212,6 +241,8 @@ export default {
 		transform: translateY(-50%);
 		display: inline-block;
 		width: 2px;
+		z-index: 1;
+		pointer-events: none;
 		animation-name: cursor;
 		animation-duration: 0.8s;
 		animation-iteration-count: infinite;
@@ -223,11 +254,14 @@ export default {
 		align-items: center;
 		width: 100%;
 		box-sizing: border-box;
+		position: relative;
+		z-index: 1;
 		.xt__box {
 			position: relative;
 			display: inline-block;
 			width: 76rpx;
 			height: 112rpx;
+			pointer-events: none;
 			&-bottom {
 				border-bottom-width: 2px;
 				border-bottom-style: solid;