From 7c2b9d6c43059a7eb5cf3942e3297d7661a22441 Mon Sep 17 00:00:00 2001
From: Lou <luzhiping@qqyjz.com>
Date: Fri, 03 Nov 2023 17:44:04 +0800
Subject: [PATCH] 首页样式调整，登录页样式修改
---
pages/login/login-account.vue | 38 ++++++++++++++----
static/icon/nav-08.png | 0
static/icon/nav-07.png | 0
pages/home/index.vue | 26 +++++++------
4 files changed, 43 insertions(+), 21 deletions(-)
diff --git a/pages/home/index.vue b/pages/home/index.vue
index 8662d03..b80ce01 100644
--- a/pages/home/index.vue
+++ b/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;
}
diff --git a/pages/login/login-account.vue b/pages/login/login-account.vue
index 62fcd42..6f4573c 100644
--- a/pages/login/login-account.vue
+++ b/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;
diff --git a/static/icon/nav-07.png b/static/icon/nav-07.png
new file mode 100644
index 0000000..8852ab6
--- /dev/null
+++ b/static/icon/nav-07.png
Binary files differ
diff --git a/static/icon/nav-08.png b/static/icon/nav-08.png
new file mode 100644
index 0000000..abbc11e
--- /dev/null
+++ b/static/icon/nav-08.png
Binary files differ
--
Gitblit v1.9.3