Преглед на файлове

style(xhc): 更新页面样式和品牌信息

- 将硬编码的rpx单位替换为百分比单位以提高响应式适配
- 添加品牌logo图片和标题区域组件结构
- 更新页面头部布局和规则图标位置
- 添加品牌标语和背景图片提升视觉效果
- 修改产品名称从七榔槟榔为海南小和醇槟榔
mws преди 15 часа
родител
ревизия
9e30ab594a
променени са 2 файла, в които са добавени 19 реда и са изтрити 11 реда
  1. 16 8
      pages/xhc/error.vue
  2. 3 3
      pages/xhc/index/index.vue

+ 16 - 8
pages/xhc/error.vue

@@ -2,16 +2,24 @@
   <view class="intro-page common">
     <view class="top-class"></view>
     <view class="title">
-      七榔槟榔
+      <view class="logo-container">
+        <image class="logo-text"  src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/xhc/common/logo.png"  />
+      </view>
+      <view class="title-1">
+        <view class="title-image"></view>
+      </view>
     </view>
     <view class="head">
-      <u-row class="row-class"  justify="flex-end">
-        <u-col span="4">
-          <image class="logo-rules" @click="openDetail" src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/qilang/common/rules.png"  />
-        </u-col>
-      </u-row>
+      <image class="logo-rules" @click="openDetail" src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/xhc/common/rules.png"  />
+    </view>
+    <view class="head-ttile">
+      <view class="head-ttile-img">
+        <image class="ttile-img" src="https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/xhc/common/bgi_3.png" mode="heightFix"/>
+      </view>
+      <view class="head-ttile-text">
+        正宗海南·醇香浓郁
+      </view>
     </view>
-
 
     <view class="content">
       <view class="title-1">
@@ -20,7 +28,7 @@
 
       <view class="detail">
         <view class="text-detail">
-          您所查询的是七榔槟榔,是正牌产品,感谢您的购买!
+          您所查询的是海南小和醇槟榔,是正牌产品,感谢您的购买!
         </view>
         <view class="text-one">
         </view>

+ 3 - 3
pages/xhc/index/index.vue

@@ -736,7 +736,7 @@
     font-size: 36rpx;
     color: #FB911B;
     text-align: center;
-    margin: 68rpx;
+    margin: 14%;
   }
 
 	.center {
@@ -753,7 +753,7 @@
 		font-weight: bold;
 		font-size: 30rpx;
     color: #FF6B6B;
-    margin-top: 10rpx;
+    margin-top: 3%;
 
 	}
 
@@ -768,7 +768,7 @@
 		font-weight: 500;
 		font-size: 46rpx;
 		color: #FF6B6B;
-    margin-top: 150rpx;
+    margin-top: 30%;
 	}
 
   .confirm-btn-container {