个人中心样式修改

package.json

@@ -17,8 +17,10 @@
     "core-js": "^3.6.5",
     "dexie": "^3.0.3",
     "enc-utils": "^3.0.0",
+    "node-sass": "^4.14.1",
     "prepend-http": "^4.0.0",
     "quasar": "^2.0.4",
+    "sass-loader": "^8.0.0",
     "secp256k1": "^4.0.2",
     "uuid": "^8.3.2",
     "vant": "^3.2.0",
@@ -44,7 +46,6 @@
     "compressorjs": "^1.0.7",
     "less": "^3.0.4",
     "less-loader": "^5.0.0",
-    "node-sass": "^5.0.0",
     "pinia": "^2.0.0-alpha.10",
     "plyr": "^3.6.7",
     "postcss": "^7.0.36",
@@ -52,7 +53,6 @@
     "postcss-remove-declaration": "^1.0.0",
     "postcss-viewport-units": "^0.1.6",
     "protobufjs": "^6.10.2",
-    "sass-loader": "^10.1.1",
     "swiper": "^6.5.7",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.7",
     "typescript": "~4.1.5"

src/views/withMenu/Mine/setting.vue

@@ -13,8 +13,12 @@
       </div>
       <!-- 登陆密码 -->
        <div class="px-5 py-2 items-center border-b border-gray-200">
-        <span class=" text-sm font-semibold">登陆密码</span>
-        <p class=" text-xs h-1 text-right">
+         <div class="flex justify-between items-center">
+          <div>
+            <div class=" text-sm font-semibold">登陆密码</div>
+            <div class=" text-sm text-gray-400">保障账户登录安全</div>
+          </div>
+          <div class="flex items-center text-xs h-1 text-right">
             <span v-if="hasPassword == 3">设置</span>
             <span v-else-if="hasPassword == 2">修改</span>
             <icon
@@ -23,8 +27,12 @@
               size="12"
               class=" inline-block align-text-bottom"
             />
-        </p>
-        <span class=" text-sm text-gray-400">保障账户登录安全</span>
+          </div>
+         </div>
+         
+        
+        
+        
       
     </div>