提交

pages/NursingNew/component/leftcontent/leftcontent.vue

@@ -0,0 +1,113 @@
+<template>
+	<view>
+		<view class="letbox">
+			<view class="logo tp">
+				<image src="/static/shouye/logo2.png" mode="aspectFill"></image>
+			</view>
+			<view class="cont">
+				<view class="items" v-for="(v,i) in list" :key='i' :class="{'act':i==dexleft}" @click="dexleft = i" @click="emit('navurl',i)">
+					<view class="tm guodu">
+						<image :src="i==dexleft?v.urls:v.url" mode="aspectFill" class="guodu"></image>
+						<text>{{v.name}}</text>
+					</view>
+					
+					<view class="heng guodu" :style="i!=dexleft&&i!=list.length-1?'opacity: 1':'opacity: 0'"></view>
+				</view>
+			</view>
+			<view class="logo tp">
+				<image src="/static/shouye/xd.png" mode="aspectFill"></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+	import { ref, onMounted, onBeforeUnmount, computed, nextTick, watch, reactive } from 'vue';
+	const props = defineProps({
+		list: {
+			type: Array 
+		}
+	});
+	const emit = defineEmits(['navurl'])
+	const dexleft = ref(0);
+	
+</script>
+
+<style scoped lang="less">
+	.letbox{
+		width: 8.2vw;
+		height: 100vh;
+		background:rgba(255, 255, 255, 0.4);
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		align-items: center;
+		padding: 3.5vw 0 2.5vw 0;
+		.logo{
+			width: 3.8vw;
+			height: 3.8vw;
+		}
+		.cont{
+			width: 4vw;
+			display: flex;
+			flex-direction: column;
+			.act{
+				background: RGBA(228, 229, 231, 1);
+				border-radius: 1.1vw;
+				.tm{
+					image{
+						width: 2.2vw !important;
+						height: 2.2vw !important;
+					}
+				}
+			}
+			.items{
+				width: 4vw;
+				height: 4.5vw;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				position: relative;
+				justify-content: space-between;
+				margin-top: 1.2vw;
+				padding: 0.25vw 0;
+				.tm{
+					width: 2.2vw;
+					height: 4vw;
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					justify-content: center;
+					image{
+						width: 2vw;
+						height: 2vw;
+					}
+					text{
+						font-weight: 400;
+						font-size: 0.9vw;
+						color: #666666;
+					}
+				}
+				
+				.heng{
+					position: absolute;
+					left: 1.2vw;
+					bottom: -0.6vw;
+					width: 1.6vw;
+					height: 2px;
+					border-radius: 1px;
+					background: #c9c9c9;
+				}
+			}
+		}
+	}
+	.tp image{
+		width: 100%;
+		height: 100%;
+	}
+	.guodu {
+		transition: .4s;
+		-webkit-transform-style: preserve-3d;
+		-webkit-overflow-scrolling: touch;
+	}
+</style>

pages/NursingNew/index.vue

@@ -29,8 +29,8 @@
 				</view>
 			</view>
 		</view>
-
-		<view class="left-container">
+		<leftcontent :list="tabbrarr" @navurl="navurl"></leftcontent>
+		<!-- <view class="left-container">
 			<view class="left-head">
 				<image class="left-head-img" src="/static/index/oldman.png" />
 				<text class="left-head-font">
@@ -42,15 +42,13 @@
 					:class="targetIndex===index?'target':''"
 					:style="targetIndex === index ? { backgroundColor: '#ddf0ff' }: (index === menuIndex ? { backgroundColor: '#fff' } : {})"
 					@click="changeMenu(index)">
-
 					<donghua :width="`55rpx`" :height="`55rpx`" :links="item.url" :playing="index === menuIndex" />
-
 					<text style="font-size: 31rpx;margin-left: 15rpx;">
 						{{item.name}}
 					</text>
 				</view>
 			</view>
-		</view>
+		</view> -->
 		<!-- 主页 -->
 		<index :isShow="menuIndexshow" v-if="!menuIndex" :propsmove="propsmove" :isMain="isMain" @back="movecard(5)"
 			@cleanmain="movecard(1)" />
@@ -77,6 +75,7 @@
 	import nurse from "./component/nurse/index.vue"
 	import { onShow } from '@dcloudio/uni-app';
 	import { getServiceTree, getNcPackagelist } from './component/nurse/api.js'
+	import leftcontent from "./component/leftcontent/leftcontent.vue"
 
 	onMounted(() => {
 		menuIndex.value = -1;
@@ -110,6 +109,17 @@
 			return `${base}/${prefix}${idx}.${ext}`
 		})
 	}
+	const tabbrarr = ref([
+		{name:'首页',url:'/static/shouye/sy/h0.png',urls:'/static/shouye/sy/h1.png'},
+		{name:'护嘱',url:'/static/shouye/sy/n0.png',urls:'/static/shouye/sy/n1.png'},
+		{name:'医嘱',url:'/static/shouye/sy/y0.png',urls:'/static/shouye/sy/y1.png'},
+		{name:'后勤',url:'/static/shouye/sy/l0.png',urls:'/static/shouye/sy/l1.png'},
+		{name:'物联',url:'/static/shouye/sy/g0.png',urls:'/static/shouye/sy/g1.png'},
+		{name:'返回',url:'/static/shouye/sy/f0.png',urls:'/static/shouye/sy/f1.png'},
+	])
+	const navurl =(e)=>{
+		console.log(e)
+	}
 	const leftMenuArray = ref([
 		{
 			url: genPaths(

unpackage/dist/dev/.nvue/pages/camera.js

@@ -574,7 +574,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_mini/pages/camera.nvue"]]);
+const camera = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__file", "D:/项目/hldy_app_mini/pages/camera.nvue"]]);
 export {
   camera as default
 };

unpackage/dist/dev/.nvue/pages/fullcamera.js

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