首页样式调整，登录页样式修改

Lou

2023-11-03 7c2b9d6c43059a7eb5cf3942e3297d7661a22441

首页样式调整，登录页样式修改

 pages/home/index.vue

@@ -10,8 +10,8 @@
            </view>

        </u-navbar>

        <view class="content">

            <view class="swiper">

                <u-swiper :list="swiperList"></u-swiper>

            <view class="swiper mb-30">

                <u-swiper :list="swiperList"  height="320rpx"></u-swiper>

            </view>

            <view class="" v-if="roleType != 1">

                <u-grid :border="false" :col="roleType == 2?3:4">

@@ -91,7 +91,7 @@
                        :key="index" :customStyle="{paddingTop:20+'rpx'}">

                        <view class="grid-item flex f-d-c a-i-c" :style="{background:item.style.background}">

                            <u-icon :name="item.icon" width="60rpx" height="60rpx"></u-icon>

                            <text class="grid-text f-24 mt-10">{{item.text}}</text>

                            <text class="grid-text f-24 fw mt-10">{{item.text}}</text>

                        </view>

                    </u-grid-item>

                </u-grid>

@@ -107,17 +107,17 @@


                <view class="row flex j-c-s-b">

                    <view class="row-item flex_base">

                        <u-icon></u-icon>

                        <view class="flex f-d-c fw">

                        <u-icon name="/static/icon/nav-07.png"  width="90rpx"  height="90rpx"></u-icon>

                        <view class="flex f-d-c fw ml-20">

                            <text class="f-28">一次性</text>

                            <text class="f-36">8</text>

                            <text class="f-36 c-main">8</text>

                        </view>

                    </view>

                    <view class="row-item flex_base">

                        <u-icon></u-icon>

                        <view class="flex f-d-c fw">

                        <u-icon name="/static/icon/nav-08.png"  width="90rpx"  height="90rpx"></u-icon>

                        <view class="flex f-d-c fw ml-20">

                            <text class="f-28">周期性</text>

                            <text class="f-36">8</text>

                            <text class="f-36"  style="color:#FD7F19">8</text>

                        </view>

                    </view>

                </view>

@@ -575,6 +575,9 @@
</script>



<style lang="scss" scoped>

    page{

        color:#333;

    }

    .top {

        width: 530rpx;



@@ -630,11 +633,10 @@


    .caption {

        width: 100%;

        padding: 40rpx 0 0;



        padding: 30rpx 0 0;

        .line {

            width: 6rpx;

            height: 29rpx;

            height: 28rpx;

            background-color: #017BFC;

            margin-right: 14rpx;

        }


 pages/login/login-account.vue

@@ -1,10 +1,15 @@
<template>
    <view class="container">
        <view class="logo">
            <!--             <image src="https://sk.hubeishuiyi.cn/business/xcxImg/wxlogo.png" lazy-load show-menu-by-longpress
                style="width: 100rpx;height: 100rpx;"></image> -->
            <view class="title">基层智治</view>
        </view>
        <!-- <view class="logo">
                        <image src="https://sk.hubeishuiyi.cn/business/xcxImg/wxlogo.png" lazy-load show-menu-by-longpress
                style="width: 100rpx;height: 100rpx;"></image>
            <view class="title">基层智治</view> 
        </view>-->
		
		
            <image class="bg"  src="/static/img/login-bg.png"  :style="{height:screenHeight}"  mode="aspectFill"></image>
		
		
        <view class="content">
            <view class="top">
                <u--form labelPosition="top" labelWidth="60" :model="form" :rules="rules" ref="form">
@@ -98,9 +103,15 @@
                passwordProps: {
                    passwordIcon: "eye-off",
                    passwordType: "password"
                }
                },
                screenHeight:""
            }
        },
		
        onLoad(){
            this.screenHeight = `${uni.getSystemInfoSync().screenHeight}px`;
        },
		
        methods: {
            submit() {
                const that = this
@@ -131,6 +142,12 @@
</script>

<style lang="scss">
	
    .bg{
        width:100%;
        display: block;
    }
	
    .privacy-policy {
        width: 100%;
        padding: 40rpx 40rpx 0 80rpx;
@@ -141,7 +158,8 @@
        min-height: 100vh;
        overflow: hidden;
        // background: url("https://sk.hubeishuiyi.cn/business/xcxImg/reservoirImg/default.jpg") no-repeat;
        background-size: 100% 100%;
        // background-size: 100% 100%;
        position: relative;

        .set-icon {
            vertical-align: middle;
@@ -174,14 +192,16 @@
        flex-direction: column;
        justify-content: space-around;
        align-items: center;

        position: absolute;
        top:0;
        left:0;
        // height: 90vh;
        width: 100%;

        .top {
            width: 100%;
            width: 100%;
            background: #fff;
            // background: #fff;
            padding: 20px 0;
            position: fixed;
            bottom: 0px;

 static/icon/nav-07.png

 static/icon/nav-08.png