html

liukangdong

2024-05-08 6410e6923ddb7593734c82f0ecb1d32885ff2b2e

html

 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;  */

 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": "劳务申请",

 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>

 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>

 h5/static/banner.jpg

 h5/static/ic_laifangdengji.png

 h5/static/ic_yuanqudaolan.png

 h5/static/ic_yuyuejilu.png

 h5/static/ic_yuyuezhinan.png

 h5/static/logo_s@2x.png