From 6410e6923ddb7593734c82f0ecb1d32885ff2b2e Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期三, 08 五月 2024 16:51:33 +0800
Subject: [PATCH] html
---
h5/pages.json | 9 ++++
h5/pages/index/index.vue | 69 ++++++++++++++++++++++++----------
h5/static/ic_yuyuejilu.png | 0
h5/static/ic_yuyuezhinan.png | 0
h5/static/logo_s@2x.png | 0
h5/static/ic_laifangdengji.png | 0
h5/App.vue | 3 +
h5/static/banner.jpg | 0
h5/static/ic_yuanqudaolan.png | 0
h5/pages/visitorSubGuide/index.vue | 28 ++++++++++++++
10 files changed, 87 insertions(+), 22 deletions(-)
diff --git a/h5/App.vue b/h5/App.vue
index b3dbcaf..9a4107c 100644
--- a/h5/App.vue
+++ b/h5/App.vue
@@ -147,8 +147,9 @@
border-radius: 50%;
}
checkbox .uni-checkbox-input.uni-checkbox-input-checked{
- color: #4d99a8 !important;
+ color: #fff !important;
border: 1px solid #4d99a8 !important;
+ background-color: #4d99a8 !important;
}
checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{
/* color: #4d99a8 !important; */
diff --git a/h5/pages.json b/h5/pages.json
index b6fef15..7e1654f 100644
--- a/h5/pages.json
+++ b/h5/pages.json
@@ -14,7 +14,7 @@
{
"path": "pages/index/index",
"style": {
- "navigationBarTitleText": "鍗庢櫉鏂拌兘婧�",
+ "navigationBarTitleText": "璁垮涓績",
"enablePullDownRefresh": false
}
},
@@ -58,6 +58,13 @@
}
},
{
+ "path": "pages/visitorSubGuide/index",
+ "style": {
+ "navigationBarTitleText": "棰勭害鎸囧崡",
+ "enablePullDownRefresh": false
+ }
+ },
+ {
"path": "pages/laborApplication/laborApplication",
"style": {
"navigationBarTitleText": "鍔冲姟鐢宠",
diff --git a/h5/pages/index/index.vue b/h5/pages/index/index.vue
index f1b1c5c..e5c028a 100644
--- a/h5/pages/index/index.vue
+++ b/h5/pages/index/index.vue
@@ -2,27 +2,35 @@
<view class="box">
<view class="box_head">
<text>鍗庢櫉鏅烘収鍥尯</text>
- <text>瀹夊叏閲嶄簬娉板北 鏈嶅姟杩芥眰鍗撹秺</text>
+ <text class="h2">瀹夊叏閲嶄簬娉板北 鏈嶅姟杩芥眰鍗撹秺</text>
+ <image mode="widthFix" class="banner_bg" src="@/static/banner.jpg" />
</view>
+ <view class="main_title">涓氬姟鍔炵悊</view>
<view class="box_list">
<view class="box_list_item" @click="jump(1)">
- <image src="@/static/ic_laifang@2x.png" mode="widthFix" />
+ <image src="@/static/ic_laifangdengji.png" mode="widthFix" />
</view>
<view class="box_list_item" @click="jump(2)">
- <image src="@/static/ic_shenqing@2x.png" mode="widthFix" />
+ <image src="@/static/ic_yuyuejilu.png" mode="widthFix" />
</view>
<view class="box_list_item" @click="jump(3)">
- <image src="@/static/ic_renyuan@2x.png" mode="widthFix" />
+ <image src="@/static/ic_yuanqudaolan.png" mode="widthFix" />
</view>
<view class="box_list_item" @click="jump(4)">
- <image src="@/static/ic_mima@2x.png" mode="widthFix" />
+ <image src="@/static/ic_yuyuezhinan.png" mode="widthFix" />
</view>
</view>
- <view class="box_btn">閫�鍑虹櫥褰�</view>
+ <!-- <view class="box_btn">閫�鍑虹櫥褰�</view> -->
+ <view class="copyright">
+ <image src="@/static/logo_s@2x.png" mode="widthFix" />
+ <text>瀹夊窘瀹夋嘲鐗╂祦鏈夐檺璐ｄ换鍏徃鐗堟潈鎵�鏈�</text>
+ </view>
</view>
</template>
<script>
+import image from 'uview-ui/libs/config/props/image'
+
export default {
data() {
@@ -51,7 +59,7 @@
break
case 4:
uni.navigateTo({
- url: '/pages/changePassword/changePassword'
+ url: '/pages/visitorSubGuide/index'
})
break
}
@@ -88,10 +96,24 @@
height: 270rpx;
padding: 0 44rpx;
box-sizing: border-box;
- background: #D8D8D8;
border-radius: 8rpx;
display: flex;
flex-direction: column;
+ position: relative;
+ .banner_bg{
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ }
+ .h2 {
+ font-size: 28rpx;
+ font-family: SourceHanSansSC, SourceHanSansSC;
+ font-weight: 400;
+ color: #FFFFFF;
+ margin-top: 14rpx;
+ }
text {
&:first-child {
font-size: 44rpx;
@@ -100,16 +122,14 @@
color: #FFFFFF;
margin-top: 54rpx;
}
- &:last-child {
- font-size: 28rpx;
- font-family: SourceHanSansSC, SourceHanSansSC;
- font-weight: 400;
- color: #FFFFFF;
- margin-top: 14rpx;
- }
}
}
-
+ .main_title{
+ font-weight: 500;
+ font-size: 32rpx;
+ color: #222222;
+ margin: 40rpx 0 32rpx;
+ }
.box_list {
width: 100%;
display: flex;
@@ -119,15 +139,24 @@
margin-top: 40rpx;
.box_list_item {
- width: 49%;
- // height: 200rpx;
+ width: 100%;
margin-bottom: 20rpx;
-
image {
width: 100%;
- height: 100%;
}
}
}
+ .copyright{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 84rpx;
+ font-size: 24rpx;
+ color: #666666;
+ image{
+ width: 40rpx;
+ height: 40rpx;
+ }
+ }
}
</style>
\ No newline at end of file
diff --git a/h5/pages/visitorSubGuide/index.vue b/h5/pages/visitorSubGuide/index.vue
new file mode 100644
index 0000000..5760f18
--- /dev/null
+++ b/h5/pages/visitorSubGuide/index.vue
@@ -0,0 +1,28 @@
+<template>
+ <view class="box">
+ <view class="line" v-for="item,i in guideList" :key="i">{{ item }}</view>
+ </view>
+</template>
+<script>
+ export default {
+ data() {
+ return {
+ guideList: [
+ '1銆佽瀹㈤槄璇诲叆鍘傞』鐭ワ紝濉啓瀹夊叏绛旈銆�',
+ '2銆佺瓟棰樺畬鎴愰绾︺��',
+ '3銆侀绾﹀畬鎴愯鑷宠瀹㈡満绛惧埌銆�',
+ '4銆佸埛鑴稿叆鍥��',
+ '5銆佸嚭鍥绂�',
+ ]
+ };
+ }
+ }
+</script>
+<style lang="scss" scoped>
+.box{
+ padding: 30rpx;
+ .line{
+ margin-bottom: 16rpx;
+ }
+}
+</style>
\ No newline at end of file
diff --git a/h5/static/banner.jpg b/h5/static/banner.jpg
new file mode 100644
index 0000000..bee5a50
--- /dev/null
+++ b/h5/static/banner.jpg
Binary files differ
diff --git a/h5/static/ic_laifangdengji.png b/h5/static/ic_laifangdengji.png
new file mode 100644
index 0000000..267e5dd
--- /dev/null
+++ b/h5/static/ic_laifangdengji.png
Binary files differ
diff --git a/h5/static/ic_yuanqudaolan.png b/h5/static/ic_yuanqudaolan.png
new file mode 100644
index 0000000..32b449b
--- /dev/null
+++ b/h5/static/ic_yuanqudaolan.png
Binary files differ
diff --git a/h5/static/ic_yuyuejilu.png b/h5/static/ic_yuyuejilu.png
new file mode 100644
index 0000000..8db7c03
--- /dev/null
+++ b/h5/static/ic_yuyuejilu.png
Binary files differ
diff --git a/h5/static/ic_yuyuezhinan.png b/h5/static/ic_yuyuezhinan.png
new file mode 100644
index 0000000..9ab2fde
--- /dev/null
+++ b/h5/static/ic_yuyuezhinan.png
Binary files differ
diff --git a/h5/static/logo_s@2x.png b/h5/static/logo_s@2x.png
new file mode 100644
index 0000000..6a3bba0
--- /dev/null
+++ b/h5/static/logo_s@2x.png
Binary files differ
--
Gitblit v1.9.3