bonus
/
Smart_Canteen_Handheld_Device-JYY
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

根据手持机修改UI

This commit is contained in:
jjLv 2025-08-28 18:24:55 +08:00
parent e33be099d4
commit aaa9ce2ba6
13 changed files with 35 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/enterAndExit/enter/add.vue
View File

@ -729,7 +729,7 @@ page {
.chronic-science { .chronic-science {
width: 100%; width: 100%;
height: 40vh; height: 30vh;
margin-bottom: 100rpx; margin-bottom: 100rpx;
} }
.scroll-view-item { .scroll-view-item {

4
pages/enterAndExit/enter/index.vue
View File

@ -159,7 +159,7 @@ page {
.content { .content {
background: #f9fbff; background: #f9fbff;
height: 88vh; height: 100vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;
@ -185,7 +185,7 @@ page {
.chronic-science { .chronic-science {
width: 100%; width: 100%;
height: 84vh; height: 82vh;
.scroll-view-item { .scroll-view-item {
width: 96%; width: 96%;

8
pages/enterAndExit/enter/recordDetail.vue
View File

@ -186,7 +186,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {
background: #F7F7F7; background: #F7F7F7;
height: 95vh; height: 100vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;
@ -196,8 +196,8 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: 20rpx; margin-top: 10rpx;
padding: 20rpx; padding: 10rpx;
.title { .title {
width: 25%; width: 25%;
@ -216,7 +216,7 @@ export default {
.chronic-science { .chronic-science {
width: 100%; width: 100%;
height: 55vh; height: 60vh;
.scroll-view-item { .scroll-view-item {
width: 96%; width: 96%;

4
pages/enterAndExit/exit/add.vue
View File

@ -2,7 +2,7 @@
<page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta> <page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
<view class="health-form"> <view class="health-form">
<Navbar title="新增出库" :showRightText="false" :isBack="true" /> <Navbar title="新增出库" :showRightText="false" :isBack="true" />
<scroll-view style="width: 100%;height: calc(100vh - 80px);" scroll-y="true"> <scroll-view style="width: 100%;height: calc(100vh - 20px);" scroll-y="true">
<u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" style="margin-left: 20rpx;"> <u--form labelPosition="left" :model="form" :rules="rules" ref="uForm" style="margin-left: 20rpx;">
<u-form-item label="出库单号：" labelWidth="180rpx" style="height: 6vh"> <u-form-item label="出库单号：" labelWidth="180rpx" style="height: 6vh">
<u--input v-model.number="form.outCode" placeholder="自动生成" :disabled="true" <u--input v-model.number="form.outCode" placeholder="自动生成" :disabled="true"
@ -575,7 +575,7 @@
.chronic-science { .chronic-science {
width: 100%; width: 100%;
height: 35vh; height: 25vh;
.scroll-view-item { .scroll-view-item {
width: 96%; width: 96%;

8
pages/enterAndExit/exit/index.vue
View File

@ -155,15 +155,15 @@ page {
//从上到下渐变 //从上到下渐变
min-height: 88vh; min-height: 88vh;
background-size: 100% 100%; background-size: 100% 100%;
} }
.content { .content {
background: #f9fbff; height: 100vh;
height: 88vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;
background: #f9fbff;
.search-form { .search-form {
display: flex; display: flex;
width: 98%; width: 98%;
@ -185,7 +185,7 @@ page {
.chronic-science { .chronic-science {
width: 100%; width: 100%;
height: 84vh; height: 82vh;
.scroll-view-item { .scroll-view-item {
width: 96%; width: 96%;

8
pages/enterAndExit/exit/recordDetail.vue
View File

@ -173,7 +173,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {
background: #F7F7F7; background: #F7F7F7;
height: 94.9vh; height: 100vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;
@ -183,8 +183,8 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: 20rpx; margin-top: 10rpx;
padding: 20rpx; padding: 10rpx;
.title { .title {
width: 25%; width: 25%;
@ -203,7 +203,7 @@ export default {
.chronic-science { .chronic-science {
width: 100%; width: 100%;
height: 48vh; height: 52vh;
.scroll-view-item { .scroll-view-item {
width: 96%; width: 96%;

2
pages/enterAndExit/goods/index.vue
View File

@ -105,7 +105,7 @@ page {
.content { .content {
background: #f9fbff; background: #f9fbff;
height: 88vh; height: 100vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;

4
pages/enterAndExit/mine/index.vue
View File

@ -22,7 +22,7 @@ export default {
data() { data() {
return { return {
fontValue: uni.getStorageSync('fontSize') || 8, fontValue: uni.getStorageSync('fontSize') || 8,
username: Cookies.get('username') username: Cookies.get('username') || uni.getStorageSync('username')
} }
}, },
onLoad() { onLoad() {
@ -48,7 +48,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {
background: #f9fbff; background: #f9fbff;
height: 95vh; height: 100vh;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content: flex-start; align-content: flex-start;

39
pages/login.vue
View File

@ -1,38 +1,33 @@
<template> <template>
<page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta> <page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
<view class="normal-login-container"> <view class="normal-login-container">
<view class="login-form-content"> <view class="login-form-content" style="margin-top: 50px;padding: 10px">
<view class="input-item"> <view class="input-item">
<view style="width: 100%;float:left;display: flex;"><text style="font-size: 40rpx">您好</text></view> <view style="width: 100%;float:left;display: flex;"><text style="font-size: 48rpx">您好</text></view>
<view style="width: 100%;float:left;display: flex;"><text style="font-size: 40rpx;margin-top: 10rpx;">欢迎使用手持一体机</text></view> <view style="width: 100%;float:left;display: flex;"><text style="font-size: 40rpx;margin-top: 10rpx;">欢迎使用手持一体机</text></view>
</view> </view>
<view class="input-item" style="margin-top: 30px;"> <view class="input-item" style="margin-top: 30px;">
<view style="color: #777;margin-bottom: 4px;font-size: 28rpx;">账号</view>
<view style="padding: 10rpx;background: #F7F9FC;border-radius: 32rpx;width: 100%;"> <view style="padding: 10rpx;background: #F7F9FC;border-radius: 32rpx;width: 100%;">
<uni-easyinput v-model="loginForm.username" placeholder="请输入账号" :inputBorder="false" maxlength="11" <uni-easyinput v-model="loginForm.username" placeholder="请输入账号" :inputBorder="false" maxlength="20" prefixIcon="person"
:styles="{backGround:'#F7F9FC'}"/> :styles="{backGround:'#F7F9FC'}"/>
</view> </view>
</view> </view>
<view class="input-item flex align-center"> <view class="input-item flex align-center">
<view style="color: #777;margin-bottom: 4px;font-size: 28rpx;">密码</view>
<view style="padding: 10rpx;background: #F7F9FC;border-radius: 32rpx;width: 100%;"> <view style="padding: 10rpx;background: #F7F9FC;border-radius: 32rpx;width: 100%;">
<uni-easyinput type="password" prefixIcon="user" v-model="loginForm.password" placeholder="请输入密码" :inputBorder="false" <uni-easyinput type="password" prefixIcon="locked" v-model="loginForm.password" placeholder="请输入密码" :inputBorder="false"
:styles="{backGround:'#F7F9FC'}" /> :styles="{backGround:'#F7F9FC'}" />
</view> </view>
</view> </view>
<u-checkbox-group v-model="remember" shape="circle" @change="rememberPassword" <u-checkbox-group v-model="remember" shape="circle" @change="rememberPassword"
style="margin-bottom: 20px;margin-left: 20rpx;font-size: 28rpx"> style="margin-bottom: 20px;margin-left: 40rpx;font-size: 28rpx">
<u-checkbox label="记住密码" name="remember"></u-checkbox> <u-checkbox label="记住密码" name="remember"></u-checkbox>
</u-checkbox-group> </u-checkbox-group>
<view class="action-btn" style="margin-top: 10vh;"> <view class="action-btn" style="margin-top: 8vh;">
<u-button shape="circle" color="#FFB679" @click="handleLogin" <u-button shape="circle" color="#FFB679" @click="handleLogin"
style="height: 72rpx;font-weight: bold;font-size: 28rpx;">登录 style="height: 90rpx;font-weight: bold;font-size: 28rpx;">登录
</u-button> </u-button>
</view> </view>
</view> </view>
<view style="width: 100%;min-height: 30vh;min-width: 30vw;display: flex;justify-content: center;align-items: center;margin-top: 20px;">
<image src="/static/images/handheld/login_bg.png" style="min-width: 30vw;min-height: 30vh;" mode="aspectFit"></image>
</view>
</view> </view>
</template> </template>
@ -40,11 +35,15 @@
import { getCodeImg } from '@/api/login' import { getCodeImg } from '@/api/login'
import AES from '@/utils/aes' import AES from '@/utils/aes'
import Cookies from 'js-cookie' import Cookies from 'js-cookie'
import UniEasyinput from '@/uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.vue'
import UCheckboxGroup from '@/uni_modules/uview-ui/components/u-checkbox-group/u-checkbox-group.vue'
import UCheckbox from '@/uni_modules/uview-ui/components/u-checkbox/u-checkbox.vue'
export default { export default {
components: { UCheckbox, UCheckboxGroup, UniEasyinput },
data() { data() {
return { return {
userIcon: '/static/images/handheld/userIcon.png', userIcon: '/static/images/handheld/ic_user.png',
fontValue: uni.getStorageSync('fontSize') || 8, fontValue: uni.getStorageSync('fontSize') || 8,
codeUrl: '', codeUrl: '',
captchaEnabled: true, captchaEnabled: true,
@ -182,32 +181,24 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
page {
//从上到下渐变
background: linear-gradient(180deg, rgba(228, 245, 254, 1) 0%, rgba(255, 255, 255, 0.8) 15%);
min-height: 100vh;
background-size: 100% 100%;
}
.forget { .forget {
margin-top: 20px; margin-top: 20px;
color: $u-primary; color: $u-primary;
} }
.normal-login-container { .normal-login-container {
background-size: contain;
background-image: url("/static/images/handheld/ic_login_bg.jpg");
//从上到下渐变 //从上到下渐变
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
justify-content: center;
align-items: center;
flex-direction: column; flex-direction: column;
.login-form-content { .login-form-content {
text-align: center; text-align: center;
background: transparent; background: transparent;
width: 80%; width: 100%;
height: 100%; height: 100%;
.input-item { .input-item {
margin: 0 auto 20px; margin: 0 auto 20px;

BIN
static/images/handheld/ic_login_bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
static/images/handheld/ic_password.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 524 B

BIN
static/images/handheld/ic_title_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 230 KiB

BIN
static/images/handheld/ic_user.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 695 B