From a8c03746e6bd8ac1d46dc48c1b10bceff543664f Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 10 十二月 2024 20:16:12 +0800
Subject: [PATCH] ll
---
h5/pages/index/index.vue | 272 +++++++++++++++++++++++++++++++-----------------------
1 files changed, 155 insertions(+), 117 deletions(-)
diff --git a/h5/pages/index/index.vue b/h5/pages/index/index.vue
index f1b1c5c..9237ee9 100644
--- a/h5/pages/index/index.vue
+++ b/h5/pages/index/index.vue
@@ -1,133 +1,171 @@
<template>
- <view class="box">
- <view class="box_head">
- <text>鍗庢櫉鏅烘収鍥尯</text>
- <text>瀹夊叏閲嶄簬娉板北 鏈嶅姟杩芥眰鍗撹秺</text>
- </view>
- <view class="box_list">
- <view class="box_list_item" @click="jump(1)">
- <image src="@/static/ic_laifang@2x.png" mode="widthFix" />
- </view>
- <view class="box_list_item" @click="jump(2)">
- <image src="@/static/ic_shenqing@2x.png" mode="widthFix" />
- </view>
- <view class="box_list_item" @click="jump(3)">
- <image src="@/static/ic_renyuan@2x.png" mode="widthFix" />
- </view>
- <view class="box_list_item" @click="jump(4)">
- <image src="@/static/ic_mima@2x.png" mode="widthFix" />
- </view>
- </view>
- <view class="box_btn">閫�鍑虹櫥褰�</view>
- </view>
+ <view class="box">
+ <view class="box_head">
+ <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_laifangdengji.png" mode="widthFix" />
+ </view>
+ <view class="box_list_item" @click="jump(2)">
+ <image src="@/static/ic_yuyuejilu.png" mode="widthFix" />
+ </view>
+ <view class="box_list_item" @click="jump(3)">
+ <image src="@/static/ic_yuanqudaolan.png" mode="widthFix" />
+ </view>
+ <view class="box_list_item" @click="jump(4)">
+ <image src="@/static/ic_yuyuezhinan.png" mode="widthFix" />
+ </view>
+ </view>
+ <!-- <view class="box_btn">閫�鍑虹櫥褰�</view> -->
+ <view class="copyright">
+ <image src="@/static/logo_s@2x.png" mode="widthFix" />
+ <text>瀹夊窘瀹夋嘲鐗╂祦鏈夐檺璐ｄ换鍏徃鐗堟潈鎵�鏈�</text>
+ </view>
+ </view>
</template>
<script>
- export default {
+import { wxAuthorize, app_url } from '@/api'
+export default {
- data() {
- return {
+ data() {
+ return {
- }
- },
+ }
+ },
+ onLoad() {
- methods: {
- jump(type) {
- switch (type) {
- case 1:
- uni.navigateTo({
- url: '/pages/notice/notice'
- })
- break
- case 2:
- uni.navigateTo({
- url: '/pages/applicationRecord/applicationRecord'
- })
- break
- case 3:
- uni.navigateTo({
- url: '/pages/personnel/personnel'
- })
- break
- case 4:
- uni.navigateTo({
- url: '/pages/changePassword/changePassword'
- })
- break
- }
- }
- }
- }
+ },
+ methods: {
+ jump(type) {
+ switch (type) {
+ case 1:
+ uni.navigateTo({
+ url: '/pages/notice/notice'
+ })
+ break
+ case 2:
+ uni.navigateTo({
+ url: '/pages/applicationRecord/applicationRecord'
+ })
+ break
+ case 3:
+ uni.navigateTo({
+ url: '/pages/guidemap/guidemap'
+ })
+ break
+ case 4:
+ uni.navigateTo({
+ url: '/pages/visitorSubGuide/index'
+ })
+ break
+ }
+ }
+ }
+}
</script>
<style lang="scss" scoped>
- .box {
- width: 100%;
- height: auto;
- padding: 30rpx;
- box-sizing: border-box;
+.box {
+ width: 100%;
+ height: auto;
+ padding: 30rpx;
+ box-sizing: border-box;
- .box_btn {
- position: fixed;
- bottom: 70rpx;
- left: 50%;
- transform: translate(-50%, 0);
- width: 208rpx;
- height: 72rpx;
- line-height: 72rpx;
- text-align: center;
- border-radius: 36rpx;
- border: 1rpx solid #999999;
- font-size: 28rpx;
- font-weight: 400;
- color: #333333;
- }
+ .box_btn {
+ position: fixed;
+ bottom: 70rpx;
+ left: 50%;
+ transform: translate(-50%, 0);
+ width: 208rpx;
+ height: 72rpx;
+ line-height: 72rpx;
+ text-align: center;
+ border-radius: 36rpx;
+ border: 1rpx solid #999999;
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #333333;
+ }
- .box_head {
- width: 100%;
- height: 270rpx;
- padding: 0 44rpx;
- box-sizing: border-box;
- background: #D8D8D8;
- border-radius: 8rpx;
- display: flex;
- flex-direction: column;
- text {
- &:first-child {
- font-size: 44rpx;
- font-family: SourceHanSansSC, SourceHanSansSC;
- font-weight: bold;
- color: #FFFFFF;
- margin-top: 54rpx;
- }
- &:last-child {
- font-size: 28rpx;
- font-family: SourceHanSansSC, SourceHanSansSC;
- font-weight: 400;
- color: #FFFFFF;
- margin-top: 14rpx;
- }
- }
- }
+ .box_head {
+ width: 100%;
+ height: 270rpx;
+ padding: 0 44rpx;
+ box-sizing: border-box;
+ border-radius: 8rpx;
+ display: flex;
+ flex-direction: column;
+ position: relative;
- .box_list {
- width: 100%;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- justify-content: space-between;
- margin-top: 40rpx;
+ .banner_bg {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
+ }
- .box_list_item {
- width: 49%;
- // height: 200rpx;
- margin-bottom: 20rpx;
+ .h2 {
+ font-size: 28rpx;
+ font-family: SourceHanSansSC, SourceHanSansSC;
+ font-weight: 400;
+ color: #ffffff;
+ margin-top: 14rpx;
+ }
- image {
- width: 100%;
- height: 100%;
- }
- }
- }
- }
+ text {
+ &:first-child {
+ font-size: 44rpx;
+ font-family: SourceHanSansSC, SourceHanSansSC;
+ font-weight: bold;
+ color: #ffffff;
+ margin-top: 54rpx;
+ }
+ }
+ }
+
+ .main_title {
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #222222;
+ margin: 40rpx 0 32rpx;
+ }
+
+ .box_list {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin-top: 40rpx;
+
+ .box_list_item {
+ width: 100%;
+ margin-bottom: 20rpx;
+
+ image {
+ width: 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
--
Gitblit v1.9.3