首页细节调整

pages/mall/admin/design/templates.uvue

@@ -1,9 +1,9 @@
-<template>
+<template>
   <AdminLayout :currentPage="currentPage">
     <view class="design-container">
       <view class="module-header">
-        <text class="module-title">妯℃澘搴?/text>
-        <text class="module-desc">浠庝赴瀵岀殑妯℃澘涓揩閫熷垱寤洪〉闈?/text>
+        <text class="module-title">模板库</text>
+        <text class="module-desc">从丰富的模板中快速创建页面</text>
       </view>
       <view class="templates-grid">
         <view v-for="template in templateLibrary" :key="template.id" class="template-card">
@@ -12,7 +12,7 @@
           </view>
           <view class="template-body">
             <text class="template-desc">{{ template.description }}</text>
-            <button class="btn-use" @click="handleUseTemplate(template.id)">浣跨敤妯℃澘</button>
+            <button class="btn-use" @click="handleUseTemplate(template.id)">使用模板</button>
           </view>
         </view>
       </view>
@@ -29,30 +29,30 @@ const currentPage = ref<string>('design-templates')
 const templateLibrary = ref<any[]>([
   {
     id: 1,
-    name: '棣栭〉妯℃澘A',
-    description: '缁忓吀鐢靛晢棣栭〉甯冨眬'
+    name: '首页模板A',
+    description: '经典电商首页布局'
   },
   {
     id: 2,
-    name: '棣栭〉妯℃澘B',
-    description: '绠€绾﹂鏍肩殑鍟嗗煄椤甸潰'
+    name: '首页模板B',
+    description: '简约风格的商城页面'
   },
   {
     id: 3,
-    name: '娲诲姩妯℃澘',
-    description: '娲诲姩淇冮攢椤甸潰甯冨眬'
+    name: '活动模板',
+    description: '活动促销页面布局'
   },
   {
     id: 4,
-    name: '鍟嗗搧妯℃澘',
-    description: '鍟嗗搧灞曠ず椤甸潰甯冨眬'
+    name: '商品模板',
+    description: '商品展示页面布局'
   }
 ])
 
 const handleUseTemplate = (templateId: number) => {
-  console.log('浣跨敤妯℃澘', templateId)
+  console.log('使用模板', templateId)
   uni.showToast({
-    title: '浣跨敤妯℃澘鎴愬姛',
+    title: '使用模板成功',
     icon: 'none'
   })
 }
@@ -62,7 +62,7 @@ const handleUseTemplate = (templateId: number) => {
 @import '@/uni.scss';
 
 .design-container {
-  
+  min-height: 100vh;
   background: $background-secondary;
   padding: $space-lg;
 }
@@ -160,4 +160,3 @@ const handleUseTemplate = (templateId: number) => {
 </style>
 
 
-