仓储首页基本样式

This commit is contained in:
wangweidong 2025-10-11 15:28:53 +08:00
parent b7ec5faf2b
commit 5fde5b0fb7
42 changed files with 934 additions and 289 deletions

View File

@ -2,6 +2,7 @@
"version" : "1.0",
"configurations" : [
{
"customPlaygroundType" : "local",
"playground" : "custom",
"type" : "uni-app:app-android"
}

View File

@ -2,8 +2,8 @@
"name" : "护理单元",
"appid" : "__UNI__FB2D473",
"description" : "护理单元",
"versionName" : "1.6.2",
"versionCode" : 162,
"versionName" : "1.6.3",
"versionCode" : 163,
"transformPx" : false,
/* 5+App */
"app-plus" : {

View File

@ -140,7 +140,15 @@
"navigationStyle": "custom"
}
},
{
"path": "pages/Warehouse/Warehouse",
"style": {
"navigationStyle": "custom"
}
}
// {
// "path": "pages/somethingmove/index",
// "style": {
@ -156,6 +164,7 @@
"navigationBarTitleText": "uni-app x",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"navigationStyle": "custom",
"bounce": "none" //
},
"uniIdRouter": {}

View File

@ -0,0 +1,206 @@
<template>
<view :class="darkFans?`darkbackgroundContainer`:`backgroundContainer`" v-show="isShow">
<view class="wareaitem">
<view class="tp" v-for="(item,index) in 12" :key='index'>
<image :src="'/static/index/warehouse/w'+index+'.png'" mode="aspectFill"></image>
</view>
<view class="annotation" v-for="(v,i) in ['付款','采购','结账','护理单元','中控室']" :key='i'>
<view>{{v}}</view>
<view class="tp">
<image src="/static/index/warehouse/y1.png" mode="aspectFill"></image>
</view>
<view class="tp">
<image src="/static/index/warehouse/y0.png" mode="aspectFill"></image>
</view>
</view>
</view>
</view>
</template>
<script setup lang="ts">
import { ref, onMounted, onBeforeUnmount, computed, nextTick,defineProps } from 'vue';
const darkFans = ref(false);
const props = defineProps({
isShow: {
type: Boolean,
required: true,
},
});
</script>
<style lang="less">
.wareaitem{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.7);
.tp{
image{
width: 100%;
height: 100%;
}
}
.annotation{
width: 7vw;
height: 8vw;
z-index: 20;
>view{
position: relative;
&:nth-child(1){
width: 7vw;
height: 2vw;
background: #F2F3F7;
box-shadow: 0rpx 0rpx 0rpx 0rpx rgba(182,186,196,0.35);
border: 2rpx solid #FFFFFF;
font-weight: 400;
font-size: 1vw;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
}
&:nth-child(2){
width: 4vw;
height: 2vw;
z-index: 2;
margin: -2rpx auto 0;
z-index: 2;
}
&:nth-child(3){
width: 3vw;
height: 5vw;
z-index: 1;
margin: -1vw auto 0;
}
}
}
>view{
position: absolute;
&:nth-child(1){
width: 26vw;
height: 22vw;
top: 17vw;
left: 8vw;
z-index: 10;
}
&:nth-child(2){
width: 68vw;
height: 22vw;
top: 4vw;
left: 18vw;
}
&:nth-child(3){
width: 20vw;
height: 13vw;
top: 15vw;
left: 43vw;
}
&:nth-child(4){
width: 20vw;
height: 14vw;
top: 26vw;
left: 45vw;
z-index: 10;
}
&:nth-child(5){
width: 11vw;
height: 7vw;
top: 28vw;
left: 56vw;
}
&:nth-child(6){
width: 11vw;
height: 9vw;
top: 23vw;
left: 63vw;
z-index: 5;
}
&:nth-child(7){
width: 13vw;
height: 11vw;
top: 25vw;
left: 80vw;
}
&:nth-child(8){
width: 15vw;
height: 14vw;
top: 31vw;
left: 67vw;
}
&:nth-child(9){
width: 48vw;
height: 22vw;
top: 34vw;
left: 21vw;
z-index: 11;
}
&:nth-child(10){
width: 17vw;
height: 10vw;
top: 48vw;
left: 26vw;
z-index: 12;
}
&:nth-child(11){
width: 11vw;
height: 8vw;
top: 22vw;
left: 56vw;
}
&:nth-child(12){
width: 3vw;
height: 3vw;
top: 21vw;
left: 57vw;
}
// title
&:nth-child(13){
top: 15.5vw;
left: 21.5vw;
}
&:nth-child(14){
top: 12vw;
left: 48vw;
}
&:nth-child(15){
top: 20vw;
left: 47vw;
}
&:nth-child(16){
top: 27vw;
left: 71vw;
}
&:nth-child(17){
top: 21vw;
left: 83vw;
}
}
}
.backgroundContainer {
display: flex;
flex-direction: column;
position: relative;
width: 100vw;
height: 100vh;
background-image: url('/static/index/lightbgcnew.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
//
.darkbackgroundContainer {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
position: relative;
background-image: url('/static/index/background.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
</style>

View File

@ -45,6 +45,7 @@
<!-- 首页 -->
<storeroomindex :isShow="!menuIndex" />
<storeroomorders :isShow="menuIndex===1" />
<Warehouse :isShow="menuIndex===3" />
</view>
</view>
</template>
@ -56,6 +57,8 @@
import storeroomindex from "@/component/storeroom/index.vue";
//
import storeroomorders from "@/component/storeroom/orders.vue"
import Warehouse from "@/pages/Warehouse/Warehouse.vue"
//
const darkFans = ref(false);
const menuIndex = ref(0);

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 175 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

View File

@ -1,8 +1,8 @@
{
"hash": "6cbeba29",
"configHash": "a1b141b0",
"lockfileHash": "e88c1aa2",
"browserHash": "05cf2dd1",
"hash": "411276bc",
"configHash": "6a46f7c8",
"lockfileHash": "285de26d",
"browserHash": "e7fc8171",
"optimized": {},
"chunks": {}
}

View File

@ -612,7 +612,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
)
]);
}
const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/camera.nvue"]]);
const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app/pages/camera.nvue"]]);
export {
camera as default
};

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -7,8 +7,8 @@
"id": "__UNI__FB2D473",
"name": "护理单元",
"version": {
"name": "1.6.2",
"code": 162
"name": "1.6.3",
"code": 163
},
"description": "护理单元",
"developer": {

View File

@ -0,0 +1,168 @@
.wareaitem {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.7);
}
.wareaitem .tp uni-image {
width: 100%;
height: 100%;
}
.wareaitem .annotation {
width: 7vw;
height: 8vw;
z-index: 20;
}
.wareaitem .annotation > uni-view {
position: relative;
}
.wareaitem .annotation > uni-view:nth-child(1) {
width: 7vw;
height: 2vw;
background: #F2F3F7;
box-shadow: 0 0 0 0 rgba(182, 186, 196, 0.35);
border: 0.0625rem solid #FFFFFF;
font-weight: 400;
font-size: 1vw;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
}
.wareaitem .annotation > uni-view:nth-child(2) {
width: 4vw;
height: 2vw;
margin: -0.0625rem auto 0;
z-index: 2;
}
.wareaitem .annotation > uni-view:nth-child(3) {
width: 3vw;
height: 5vw;
z-index: 1;
margin: -1vw auto 0;
}
.wareaitem > uni-view {
position: absolute;
}
.wareaitem > uni-view:nth-child(1) {
width: 26vw;
height: 22vw;
top: 17vw;
left: 8vw;
z-index: 10;
}
.wareaitem > uni-view:nth-child(2) {
width: 68vw;
height: 22vw;
top: 4vw;
left: 18vw;
}
.wareaitem > uni-view:nth-child(3) {
width: 20vw;
height: 13vw;
top: 15vw;
left: 43vw;
}
.wareaitem > uni-view:nth-child(4) {
width: 20vw;
height: 14vw;
top: 26vw;
left: 45vw;
z-index: 10;
}
.wareaitem > uni-view:nth-child(5) {
width: 11vw;
height: 7vw;
top: 28vw;
left: 56vw;
}
.wareaitem > uni-view:nth-child(6) {
width: 11vw;
height: 9vw;
top: 23vw;
left: 63vw;
z-index: 5;
}
.wareaitem > uni-view:nth-child(7) {
width: 13vw;
height: 11vw;
top: 25vw;
left: 80vw;
}
.wareaitem > uni-view:nth-child(8) {
width: 15vw;
height: 14vw;
top: 31vw;
left: 67vw;
}
.wareaitem > uni-view:nth-child(9) {
width: 48vw;
height: 22vw;
top: 34vw;
left: 21vw;
z-index: 11;
}
.wareaitem > uni-view:nth-child(10) {
width: 17vw;
height: 10vw;
top: 48vw;
left: 26vw;
z-index: 12;
}
.wareaitem > uni-view:nth-child(11) {
width: 11vw;
height: 8vw;
top: 22vw;
left: 56vw;
}
.wareaitem > uni-view:nth-child(12) {
width: 3vw;
height: 3vw;
top: 21vw;
left: 57vw;
}
.wareaitem > uni-view:nth-child(13) {
top: 15.5vw;
left: 21.5vw;
}
.wareaitem > uni-view:nth-child(14) {
top: 12vw;
left: 48vw;
}
.wareaitem > uni-view:nth-child(15) {
top: 20vw;
left: 47vw;
}
.wareaitem > uni-view:nth-child(16) {
top: 27vw;
left: 71vw;
}
.wareaitem > uni-view:nth-child(17) {
top: 21vw;
left: 83vw;
}
.backgroundContainer {
display: flex;
flex-direction: column;
position: relative;
width: 100vw;
height: 100vh;
background-image: url('../../static/index/lightbgcnew.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
.darkbackgroundContainer {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
position: relative;
background-image: url('../../static/index/background.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}

View File

@ -7267,6 +7267,175 @@ to {
overflow: hidden;
}
.wareaitem {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.7);
}
.wareaitem .tp uni-image {
width: 100%;
height: 100%;
}
.wareaitem .annotation {
width: 7vw;
height: 8vw;
z-index: 20;
}
.wareaitem .annotation > uni-view {
position: relative;
}
.wareaitem .annotation > uni-view:nth-child(1) {
width: 7vw;
height: 2vw;
background: #F2F3F7;
box-shadow: 0 0 0 0 rgba(182, 186, 196, 0.35);
border: 0.0625rem solid #FFFFFF;
font-weight: 400;
font-size: 1vw;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
}
.wareaitem .annotation > uni-view:nth-child(2) {
width: 4vw;
height: 2vw;
margin: -0.0625rem auto 0;
z-index: 2;
}
.wareaitem .annotation > uni-view:nth-child(3) {
width: 3vw;
height: 5vw;
z-index: 1;
margin: -1vw auto 0;
}
.wareaitem > uni-view {
position: absolute;
}
.wareaitem > uni-view:nth-child(1) {
width: 26vw;
height: 22vw;
top: 17vw;
left: 8vw;
z-index: 10;
}
.wareaitem > uni-view:nth-child(2) {
width: 68vw;
height: 22vw;
top: 4vw;
left: 18vw;
}
.wareaitem > uni-view:nth-child(3) {
width: 20vw;
height: 13vw;
top: 15vw;
left: 43vw;
}
.wareaitem > uni-view:nth-child(4) {
width: 20vw;
height: 14vw;
top: 26vw;
left: 45vw;
z-index: 10;
}
.wareaitem > uni-view:nth-child(5) {
width: 11vw;
height: 7vw;
top: 28vw;
left: 56vw;
}
.wareaitem > uni-view:nth-child(6) {
width: 11vw;
height: 9vw;
top: 23vw;
left: 63vw;
z-index: 5;
}
.wareaitem > uni-view:nth-child(7) {
width: 13vw;
height: 11vw;
top: 25vw;
left: 80vw;
}
.wareaitem > uni-view:nth-child(8) {
width: 15vw;
height: 14vw;
top: 31vw;
left: 67vw;
}
.wareaitem > uni-view:nth-child(9) {
width: 48vw;
height: 22vw;
top: 34vw;
left: 21vw;
z-index: 11;
}
.wareaitem > uni-view:nth-child(10) {
width: 17vw;
height: 10vw;
top: 48vw;
left: 26vw;
z-index: 12;
}
.wareaitem > uni-view:nth-child(11) {
width: 11vw;
height: 8vw;
top: 22vw;
left: 56vw;
}
.wareaitem > uni-view:nth-child(12) {
width: 3vw;
height: 3vw;
top: 21vw;
left: 57vw;
}
.wareaitem > uni-view:nth-child(13) {
top: 15.5vw;
left: 21.5vw;
}
.wareaitem > uni-view:nth-child(14) {
top: 12vw;
left: 48vw;
}
.wareaitem > uni-view:nth-child(15) {
top: 20vw;
left: 47vw;
}
.wareaitem > uni-view:nth-child(16) {
top: 27vw;
left: 71vw;
}
.wareaitem > uni-view:nth-child(17) {
top: 21vw;
left: 83vw;
}
.backgroundContainer {
display: flex;
flex-direction: column;
position: relative;
width: 100vw;
height: 100vh;
background-image: url('../../static/index/lightbgcnew.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
.darkbackgroundContainer {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
position: relative;
background-image: url('../../static/index/background.png');
background-size: cover;
background-position: center center;
overflow: hidden;
}
.backgroundContainer[data-v-82a72f7e] {
display: flex;
flex-direction: column;

View File

@ -63,7 +63,7 @@ if (typeof uni !== 'undefined' && uni && uni.requireGlobal) {
}
});
// ../../../../hldy_app/unpackage/dist/dev/.nvue/pages/camera.js
// ../../../../项目/hldy_app/unpackage/dist/dev/.nvue/pages/camera.js
var import_vue = __toESM(require_vue());
function requireNativePlugin(name) {
return weex.requireModule(name);
@ -678,7 +678,7 @@ if (typeof uni !== 'undefined' && uni && uni.requireGlobal) {
)
]);
}
var camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/hldy_app/pages/camera.nvue"]]);
var camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/\u9879\u76EE/hldy_app/pages/camera.nvue"]]);
// <stdin>
var webview = plus.webview.currentWebview();

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 175 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

File diff suppressed because one or more lines are too long