up

packages/dl/index.vue

@@ -9,21 +9,27 @@
 				<view :class="item.show?'textscur':'texts'">{{item.text}}</view>
 			</view>
 		</view>
-		<view class="bg">
+		<view class="bg">
-			<img :src="bg" alt="" class="bgs">
+			<movable-area  class="bg">
-			
+				<movable-view class="bg" scale out-of-bounds direction="all">
-			<view v-for="(item,index) in curlist">
+					<img :src="bg" alt="" class="bgs">
-					<block v-for="(m,i) in item">
+					
-						<uni-transition duration="1500" ref="ani" custom-class="transition"
+					<view v-for="(item,index) in curlist">
-						:show="index === currentIndex">
+							<block v-for="(m,i) in item">
-							<img :src="dl_cur" alt="" :style="{'top':m.top,'left':m.left,'right':m.right}" class="curs">
+								<uni-transition duration="1500" ref="ani" custom-class="transition"
-						</uni-transition>
+								:show="index === currentIndex">
-						<!-- <u-transition :show="true" mode="fade" duration='1000'>
+									<img :src="m.icon" alt="" :style="{'top':m.top,'left':m.left,'right':m.right}" class="curs">
-							<img :src="dl_cur" alt="" :style="{'top':m.top,'left':m.left,'right':m.right}" class="curs">
+								</uni-transition>
-						</u-transition> -->
+								<!-- <u-transition :show="true" mode="fade" duration='1000'>
-					</block>
+									<img :src="dl_cur" alt="" :style="{'top':m.top,'left':m.left,'right':m.right}" class="curs">
-				
+								</u-transition> -->
-			</view>
+							</block>
+						
+					</view>
+				</movable-view>
+			</movable-area>
+
+
 		</view>
 
 	</view>
@@ -34,37 +40,43 @@
 		data() {
 			return {
 				bg: require("./static/dl/dlbg.png"),
-				dl_cur: require("./static/dl/dl_cur.png"),
+				// dl_cur: require("./static/dl/dl_cur.png"),
 				currentIndex: '',
 				isshow:true,
 				curlist: [
 					[{
-						'top': '268rpx',
+						'top': '192rpx',
-						'left': '13rpx',
+						'left': '16rpx',
-						'right': ''
+						'right': '',
-					}, {
+						'icon': require("./static/dl/dl_cur1.png")
-						'top': '268rpx',
-						'right': '10rpx',
-						'left': ''
 					}, {
-						'top': '320rpx',
+						'top': '154rpx',
-						'right': '10rpx',
+						'right': '7rpx',
-						'left': ''
+						'left': '',
+						'icon': require("./static/dl/dl_cur2.png")
+					}, {
+						'top': '234rpx',
+						'right': '7rpx',
+						'left': '',
+						'icon': require("./static/dl/dl_cur4.png")
 					}],
 					[{
-						'top': '290rpx',
+						'top': '200rpx',
-						'right': '50rpx',
+						'right': '46rpx',
-						'left': ''
+						'left': '',
+						'icon': require("./static/dl/dl_cur3.png")
 					}],
 					[{
-						'top': '424rpx',
+						'top': '334rpx',
 						'left': '',
-						'right': '265rpx',
+						'right': '241rpx',
+						'icon': require("./static/dl/dl_cur5.png")
 					}],
 					[{
-						'top': '424rpx',
+						'top': '334rpx',
-						'left': '266rpx',
+						'left': '249rpx',
-						'right': '',
+						'right': '',
+						'icon': require("./static/dl/dl_cur6.png")
 					}],
 				],
 				list: [{
@@ -72,8 +84,8 @@
 					icon: require("./static/dl/dl1.png"),
 					icon1: require("./static/dl/dl1_cur.png"),
 					show: false,
-					width: '42rpx',
+					width: '50rpx',
-					height: '46rpx'
+					height: '50rpx'
 				}, 
 				// {
 				// 	text: '楼梯',
@@ -88,7 +100,7 @@
 					icon: require("./static/dl/dl3.png"),
 					icon1: require("./static/dl/dl3_cur.png"),
 					show: false,
-					width: '38rpx',
+					width: '64rpx',
 					height: '64rpx'
 				}, 
 				// {
@@ -104,15 +116,15 @@
 					icon: require("./static/dl/dl5.png"),
 					icon1: require("./static/dl/dl5_cur.png"),
 					show: false,
-					width: '44rpx',
+					width: '50rpx',
-					height: '38rpx'
+					height: '50rpx'
 				}, {
 					text: '休息区',
 					icon: require("./static/dl/dl6.png"),
 					icon1: require("./static/dl/dl6_cur.png"),
 					show: false,
-					width: '54rpx',
+					width: '64rpx',
-					height: '38rpx'
+					height: '64rpx'
 				}, 
 				// {
 				// 	text: '出入口',
@@ -157,7 +169,9 @@
 		margin: 0 20rpx;
 		padding: 30rpx 15rpx;
 		margin-bottom: 80rpx;
-		border-radius: 10rpx;
+		border-radius: 10rpx;
+		z-index:9999;
+		position: relative;
 	}
 
 	.nav>view {
@@ -198,10 +212,11 @@
 	}
 
 	.bg img.curs {
-		width: 80rpx;
+		width: 132rpx;
-		height: 80rpx;
+		height: 170rpx;
 		position: absolute;
 		z-index: 999;
+		opacity:0.9;
 /* 		top:0;
 		left:0;
 		right:0 */