├── .gitignore
├── App.vue
├── components
    ├── active_form.vue
    ├── coolc-coupon
    │   └── coolc-coupon.vue
    ├── dingdan
    │   ├── goods.vue
    │   ├── list.vue
    │   ├── next.vue
    │   ├── quxiao.vue
    │   ├── wanchen.vue
    │   └── yiru.vue
    ├── goods
    │   ├── dianzan.vue
    │   ├── goods.vue
    │   └── mapdi.vue
    ├── mix-list-cell.vue
    ├── package-lock.json
    ├── package.json
    ├── preferent
    │   └── preferent.vue
    ├── search
    │   └── search.vue
    ├── share-btn
    │   └── share-btn.vue
    ├── ss-upload-image
    │   └── ss-upload-image.vue
    ├── suzhou
    │   └── suzhou.vue
    ├── swiperAdv
    │   └── swiperAdv.vue
    ├── uni-icon
    │   └── uni-icon.vue
    ├── uni-transition
    │   └── uni-transition.vue
    └── uni-ui
    │   ├── uni-badge
    │       └── uni-badge.vue
    │   ├── uni-calendar
    │       ├── calendar.js
    │       ├── uni-calendar-item.vue
    │       ├── uni-calendar.vue
    │       └── util.js
    │   ├── uni-card
    │       └── uni-card.vue
    │   ├── uni-collapse-item
    │       └── uni-collapse-item.vue
    │   ├── uni-collapse
    │       └── uni-collapse.vue
    │   ├── uni-combox
    │       └── uni-combox.vue
    │   ├── uni-countdown
    │       └── uni-countdown.vue
    │   ├── uni-drawer
    │       └── uni-drawer.vue
    │   ├── uni-fab
    │       └── uni-fab.vue
    │   ├── uni-fav
    │       └── uni-fav.vue
    │   ├── uni-goods-nav
    │       └── uni-goods-nav.vue
    │   ├── uni-grid-item
    │       ├── uni-grid-item copy.vue
    │       └── uni-grid-item.vue
    │   ├── uni-grid
    │       └── uni-grid.vue
    │   ├── uni-icons
    │       ├── icons.js
    │       ├── uni-icons.vue
    │       └── uni.ttf
    │   ├── uni-indexed-list
    │       ├── uni-indexed-list-item.vue
    │       └── uni-indexed-list.vue
    │   ├── uni-link
    │       └── uni-link.vue
    │   ├── uni-list-ad
    │       └── uni-list-ad.vue
    │   ├── uni-list-chat
    │       ├── uni-list-chat.scss
    │       └── uni-list-chat.vue
    │   ├── uni-list-item
    │       └── uni-list-item.vue
    │   ├── uni-list
    │       ├── uni-list.vue
    │       ├── uni-refresh.vue
    │       └── uni-refresh.wxs
    │   ├── uni-load-more
    │       └── uni-load-more.vue
    │   ├── uni-nav-bar
    │       └── uni-nav-bar.vue
    │   ├── uni-notice-bar
    │       └── uni-notice-bar.vue
    │   ├── uni-number-box
    │       └── uni-number-box.vue
    │   ├── uni-pagination
    │       └── uni-pagination.vue
    │   ├── uni-popup-dialog
    │       └── uni-popup-dialog.vue
    │   ├── uni-popup-message
    │       └── uni-popup-message.vue
    │   ├── uni-popup-share
    │       └── uni-popup-share.vue
    │   ├── uni-popup
    │       ├── message.js
    │       ├── popup.js
    │       ├── share.js
    │       └── uni-popup.vue
    │   ├── uni-rate
    │       └── uni-rate.vue
    │   ├── uni-search-bar
    │       └── uni-search-bar.vue
    │   ├── uni-section
    │       └── uni-section.vue
    │   ├── uni-segmented-control
    │       └── uni-segmented-control.vue
    │   ├── uni-status-bar
    │       └── uni-status-bar.vue
    │   ├── uni-steps
    │       └── uni-steps.vue
    │   ├── uni-swipe-action-item
    │       ├── bindingx.js
    │       ├── index.wxs
    │       ├── mpalipay.js
    │       ├── mpother.js
    │       ├── mpwxs.js
    │       └── uni-swipe-action-item.vue
    │   ├── uni-swipe-action
    │       └── uni-swipe-action.vue
    │   ├── uni-swiper-dot
    │       └── uni-swiper-dot.vue
    │   ├── uni-tag
    │       └── uni-tag.vue
    │   ├── uni-test
    │       └── uni-test.vue
    │   ├── uni-title
    │       └── uni-title.vue
    │   └── uni-transition
    │       └── uni-transition.vue
├── main.js
├── manifest.json
├── pages.json
├── pages
    ├── biji
    │   └── biji.vue
    ├── cart
    │   └── cart.vue
    ├── cities
    │   └── cities.vue
    ├── citiesList
    │   └── citiesList.vue
    ├── customer
    │   └── customer.vue
    ├── find
    │   └── find.vue
    ├── finddetail
    │   └── finddetail.vue
    ├── hotel
    │   └── hotel.vue
    ├── hotelDetails
    │   └── hotelDetails.vue
    ├── index
    │   └── index.vue
    ├── map
    │   └── map.vue
    ├── mine
    │   ├── center.vue
    │   ├── coupon.vue
    │   ├── hands.vue
    │   ├── join.vue
    │   ├── login.vue
    │   ├── mine.vue
    │   ├── myQR.vue
    │   ├── notice.vue
    │   ├── qusetion.vue
    │   ├── service.vue
    │   └── setting.vue
    ├── news
    │   └── news.vue
    ├── prize
    │   └── prize.vue
    ├── questions
    │   └── questions.vue
    ├── reservation
    │   └── reservation.vue
    ├── reservationList
    │   └── reservationList.vue
    ├── search
    │   └── search.vue
    ├── shouquan
    │   └── shouquan.vue
    ├── sleep
    │   └── sleep.vue
    ├── toViewmore
    │   └── toViewmore.vue
    ├── trafficGuidance
    │   └── trafficGuidance.vue
    ├── viewAllphotos
    │   └── viewAllphotos.vue
    ├── viewDetails
    │   └── viewDetails.vue
    ├── welfare
    │   └── welfare.vue
    └── winter
    │   └── winter.vue
├── static
    ├── arc.png
    ├── icons
    │   ├── cart.png
    │   ├── cart1.png
    │   ├── copy.png
    │   ├── find.png
    │   ├── find1.png
    │   ├── index.png
    │   ├── index1.png
    │   ├── mine.png
    │   ├── mine1.png
    │   └── weixin.png
    ├── image
    │   ├── tuceng1.png
    │   ├── tuceng2.png
    │   ├── tuceng3.png
    │   └── tuceng4.png
    ├── img
    │   ├── delete_img.png
    │   ├── face.jpg
    │   ├── qr.png
    │   ├── qrlogo.png
    │   └── update_btn.png
    ├── js
    │   ├── Vregular.js
    │   └── verification.js
    ├── missing-face.png
    └── yticon.ttf
├── uni.scss
└── utils
    ├── format.js
    ├── html.js
    ├── htmlparser.js
    └── zgrequest.js


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | .project
3 | unpackage/
4 | .DS_Store


--------------------------------------------------------------------------------
/components/coolc-coupon/coolc-coupon.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="coupon-item">
  3 | 		<view class="coupon-money">
  4 | 			<view class="nick" v-if="!types">{{item.seller_name}}使用</view>
  5 | 			<view class="layof" :style="{color:theme}">￥{{item.money}}</view>
  6 | 			<view class="end_time">{{item.end_time}}前使用</view>
  7 | 			<view v-if="!types">
  8 | 				<view class="tit">券号：{{item.ticket}}</view>
  9 | 				<view class="demand">{{item.title}}</view>
 10 | 			</view>
 11 | 		</view>
 12 | 		<view class="get-btn" v-if="types" :style="{color:color, borderColor:color, background:solid}">选择使用</view>
 13 | 		<navigator class="get-btn" v-if="!types" :style="{color:color, borderColor:color, background:solid}" :url='item.url'>立即使用</navigator>
 14 | 	</view>
 15 | </template>
 16 | 
 17 | <script>
 18 | 	export default {
 19 | 		components: {
 20 | 
 21 | 		},
 22 | 		data() {
 23 | 			return {
 24 | 
 25 | 			}
 26 | 		},
 27 | 		props: {
 28 | 			item: {
 29 | 				type: Object
 30 | 			},
 31 | 			types: {
 32 | 				type: String,
 33 | 				default: ''
 34 | 			},
 35 | 			theme: {
 36 | 				type: String,
 37 | 				default: '#ff9000'
 38 | 			},
 39 | 			solid: {
 40 | 				type: String,
 41 | 				default: '#ffffff'
 42 | 			},
 43 | 			color: {
 44 | 				type: String,
 45 | 				default: '#ff9000'
 46 | 			},
 47 | 		},
 48 | 		methods: {
 49 | 
 50 | 		}
 51 | 	}
 52 | </script>
 53 | 
 54 | <style lang='scss'>
 55 | 	.coupon-item {
 56 | 		width: 87%;
 57 | 		height: auto;
 58 | 		display: table;
 59 | 		border-radius: 10upx;
 60 | 		padding: 0 20upx;
 61 | 		margin-top: 22upx;
 62 | 		border: 1px solid #eeeeee;
 63 | 		position: relative;
 64 | 
 65 | 		.coupon-money {
 66 | 			width: 465upx;
 67 | 			height: auto;
 68 | 			display: table;
 69 | 			float: left;
 70 | 			padding: 26upx 0;
 71 | 			border-style: none dotted none none;
 72 | 			border-color: #eeeeee;
 73 | 
 74 | 			.nick {
 75 | 				width: 100%;
 76 | 				height: 50upx;
 77 | 				line-height: 30upx;
 78 | 				font-size: 24rpx;
 79 | 				color: #999999;
 80 | 			}
 81 | 
 82 | 			.tit {
 83 | 				width: 100%;
 84 | 				height: 50upx;
 85 | 				line-height: 50upx;
 86 | 				font-size: 24rpx;
 87 | 				color: #999999;
 88 | 			}
 89 | 
 90 | 			.demand {
 91 | 				width: 100%;
 92 | 				height: 30upx;
 93 | 				line-height: 30upx;
 94 | 				font-size: 24rpx;
 95 | 				color: #999999;
 96 | 			}
 97 | 
 98 | 			.layof {
 99 | 				width: 100%;
100 | 				height: 48upx;
101 | 				line-height: 30upx;
102 | 				font-size: 44upx;
103 | 				color: #ff9000;
104 | 				font-weight: bold;
105 | 			}
106 | 
107 | 			.end_time {
108 | 				width: 100%;
109 | 				height: 30upx;
110 | 				line-height: 30upx;
111 | 				font-size: 24rpx;
112 | 				color: #999999;
113 | 			}
114 | 		}
115 | 
116 | 		.get-btn {
117 | 			width: 146upx;
118 | 			height: 52upx;
119 | 			line-height: 50upx;
120 | 			position: absolute;
121 | 			top: 50%;
122 | 			right: 26upx;
123 | 			margin-top: -26upx;
124 | 			text-align: center;
125 | 			border-radius: 60upx;
126 | 			color: #ff9000;
127 | 			border: 1px solid #ff9000;
128 | 			font-size: 24rpx;
129 | 			float: right;
130 | 		}
131 | 	}
132 | 
133 | 	.coupon-item:after {
134 | 		width: 40upx;
135 | 		height: 20upx;
136 | 		position: absolute;
137 | 		left: 460upx;
138 | 		top: -1px;
139 | 		border-radius: 0 0 40upx 40upx;
140 | 		content: "";
141 | 		display: block;
142 | 		background: #ffffff;
143 | 		border: 1px solid #eeeeee;
144 | 		border-top: 0px;
145 | 	}
146 | 
147 | 	.coupon-item:before {
148 | 		width: 40upx;
149 | 		height: 20upx;
150 | 		position: absolute;
151 | 		left: 460upx;
152 | 		bottom: -1px;
153 | 		border-radius: 40upx 40upx 0 0;
154 | 		content: "";
155 | 		display: block;
156 | 		background: #ffffff;
157 | 		border: 1px solid #eeeeee;
158 | 		border-bottom: 0px;
159 | 	}
160 | </style>
161 | 


--------------------------------------------------------------------------------
/components/dingdan/goods.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="view1">
 4 | 			此功能未开通
 5 | 		</view>
 6 | 		<view class="bottom">
 7 | 			<button class="left" @click="goDengLu()">立即登录</button>
 8 | 		</view>
 9 | 	</view>
10 | </template>
11 | 
12 | <script>
13 | 	export default {
14 | 		data() {
15 | 			return {
16 | 
17 | 			};
18 | 		},
19 | 		methods: {
20 | 			goDengLu() {
21 | 				uni.navigateTo({
22 | 					url: "/pages/mine/login"
23 | 				})
24 | 			},
25 | 		},
26 | 	}
27 | </script>
28 | 
29 | <style>
30 | 	.view1 {
31 | 		margin-top: 20px;
32 | 		margin-left: 260rpx;
33 | 
34 | 	}
35 | 
36 | 	.bottom {
37 | 		display: flex;
38 | 		position: fixed;
39 | 		bottom: 0;
40 | 		width: 100%;
41 | 		background-color: #FFFFFF;
42 | 		box-shadow: 0 0px;
43 | 		padding: 120rpx 0;
44 | 
45 | 	}
46 | 
47 | 	button {
48 | 		width: 325rpx;
49 | 		height: 90rpx;
50 | 		background-color: #fc6315;
51 | 		font-size: 36rpx;
52 | 		font-weight: 700;
53 | 		color: #FFFFFF;
54 | 		margin-left: auto;
55 | 		margin-right: auto;
56 | 
57 | 	}
58 | </style>
59 | 


--------------------------------------------------------------------------------
/components/dingdan/list.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="view1">
 4 | 			此功能未开通
 5 | 		</view>
 6 | 		<view class="bottom">
 7 | 			<button class="left" @click="goDengLu()">立即登录</button>
 8 | 		</view>
 9 | 	</view>
10 | </template>
11 | 
12 | <script>
13 | 	export default {
14 | 		data() {
15 | 			return {
16 | 
17 | 			};
18 | 		},
19 | 		methods: {
20 | 			goDengLu() {
21 | 				uni.navigateTo({
22 | 					url: "/pages/mine/login"
23 | 				})
24 | 			},
25 | 		},
26 | 	}
27 | </script>
28 | 
29 | <style>
30 | 	.view1 {
31 | 		margin-top: 20px;
32 | 		margin-left: 260rpx;
33 | 
34 | 	}
35 | 
36 | 	.bottom {
37 | 		display: flex;
38 | 		position: fixed;
39 | 		bottom: 0;
40 | 		width: 100%;
41 | 		background-color: #FFFFFF;
42 | 		box-shadow: 0 0px;
43 | 		padding: 120rpx 0;
44 | 
45 | 	}
46 | 
47 | 	button {
48 | 		width: 325rpx;
49 | 		height: 90rpx;
50 | 		background-color: #fc6315;
51 | 		font-size: 36rpx;
52 | 		font-weight: 700;
53 | 		color: #FFFFFF;
54 | 		margin-left: auto;
55 | 		margin-right: auto;
56 | 
57 | 	}
58 | </style>
59 | 


--------------------------------------------------------------------------------
/components/dingdan/next.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="view1">
 4 | 			此功能未开通
 5 | 		</view>
 6 | 		<view class="bottom">
 7 | 			<button class="left" @click="goDengLu()">立即登录</button>
 8 | 		</view>
 9 | 	</view>
10 | </template>
11 | 
12 | <script>
13 | 	export default {
14 | 		data() {
15 | 			return {
16 | 
17 | 			};
18 | 		},
19 | 		methods: {
20 | 			goDengLu() {
21 | 				uni.navigateTo({
22 | 					url: "/pages/mine/login"
23 | 				})
24 | 			},
25 | 		},
26 | 	}
27 | </script>
28 | 
29 | <style>
30 | 	.view1 {
31 | 		margin-top: 20px;
32 | 		margin-left: 260rpx;
33 | 
34 | 	}
35 | 
36 | 	.bottom {
37 | 		display: flex;
38 | 		position: fixed;
39 | 		bottom: 0;
40 | 		width: 100%;
41 | 		background-color: #FFFFFF;
42 | 		box-shadow: 0 0px;
43 | 		padding: 120rpx 0;
44 | 
45 | 	}
46 | 
47 | 	button {
48 | 		width: 325rpx;
49 | 		height: 90rpx;
50 | 		background-color: #fc6315;
51 | 		font-size: 36rpx;
52 | 		font-weight: 700;
53 | 		color: #FFFFFF;
54 | 		margin-left: auto;
55 | 		margin-right: auto;
56 | 
57 | 	}
58 | </style>
59 | 


--------------------------------------------------------------------------------
/components/dingdan/quxiao.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="view1">
 4 | 			此功能未开通
 5 | 		</view>
 6 | 		<view class="bottom">
 7 | 			<button class="left" @click="goDengLu()">立即登录</button>
 8 | 		</view>
 9 | 	</view>
10 | </template>
11 | 
12 | <script>
13 | 	export default {
14 | 		data() {
15 | 			return {
16 | 
17 | 			};
18 | 		},
19 | 		methods: {
20 | 			goDengLu() {
21 | 				uni.navigateTo({
22 | 					url: "/pages/mine/login"
23 | 				})
24 | 			},
25 | 		},
26 | 	}
27 | </script>
28 | 
29 | <style>
30 | 	.view1 {
31 | 		margin-top: 20px;
32 | 		margin-left: 260rpx;
33 | 
34 | 	}
35 | 
36 | 	.bottom {
37 | 		display: flex;
38 | 		position: fixed;
39 | 		bottom: 0;
40 | 		width: 100%;
41 | 		background-color: #FFFFFF;
42 | 		box-shadow: 0 0px;
43 | 		padding: 120rpx 0;
44 | 
45 | 	}
46 | 
47 | 	button {
48 | 		width: 325rpx;
49 | 		height: 90rpx;
50 | 		background-color: #fc6315;
51 | 		font-size: 36rpx;
52 | 		font-weight: 700;
53 | 		color: #FFFFFF;
54 | 		margin-left: auto;
55 | 		margin-right: auto;
56 | 
57 | 	}
58 | </style>
59 | 


--------------------------------------------------------------------------------
/components/dingdan/wanchen.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="view1">
 4 | 			此功能未开通
 5 | 		</view>
 6 | 		<view class="bottom">
 7 | 			<button class="left" @click="goDengLu()">立即登录</button>
 8 | 		</view>
 9 | 	</view>
10 | </template>
11 | 
12 | <script>
13 | 	export default {
14 | 		data() {
15 | 			return {
16 | 
17 | 			};
18 | 		},
19 | 		methods: {
20 | 			goDengLu() {
21 | 				uni.navigateTo({
22 | 					url: "/pages/mine/login"
23 | 				})
24 | 			},
25 | 		},
26 | 	}
27 | </script>
28 | 
29 | <style>
30 | 	.view1 {
31 | 		margin-top: 20px;
32 | 		margin-left: 260rpx;
33 | 
34 | 	}
35 | 
36 | 	.bottom {
37 | 		display: flex;
38 | 		position: fixed;
39 | 		bottom: 0;
40 | 		width: 100%;
41 | 		background-color: #FFFFFF;
42 | 		box-shadow: 0 0px;
43 | 		padding: 120rpx 0;
44 | 
45 | 	}
46 | 
47 | 	button {
48 | 		width: 325rpx;
49 | 		height: 90rpx;
50 | 		background-color: #fc6315;
51 | 		font-size: 36rpx;
52 | 		font-weight: 700;
53 | 		color: #FFFFFF;
54 | 		margin-left: auto;
55 | 		margin-right: auto;
56 | 
57 | 	}
58 | </style>
59 | 


--------------------------------------------------------------------------------
/components/dingdan/yiru.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="view1">
 4 | 			此功能未开通
 5 | 		</view>
 6 | 		<view class="bottom">
 7 | 			<button class="left" @click="goDengLu()">立即登录</button>
 8 | 		</view>
 9 | 	</view>
10 | </template>
11 | 
12 | <script>
13 | 	export default {
14 | 		data() {
15 | 			return {
16 | 
17 | 			};
18 | 		},
19 | 		methods: {
20 | 			goDengLu() {
21 | 				uni.navigateTo({
22 | 					url: "/pages/mine/login"
23 | 				})
24 | 			},
25 | 		},
26 | 	}
27 | </script>
28 | 
29 | <style>
30 | 	.view1 {
31 | 		margin-top: 20px;
32 | 		margin-left: 260rpx;
33 | 
34 | 	}
35 | 
36 | 	.bottom {
37 | 		display: flex;
38 | 		position: fixed;
39 | 		bottom: 0;
40 | 		width: 100%;
41 | 		background-color: #FFFFFF;
42 | 		box-shadow: 0 0px;
43 | 		padding: 120rpx 0;
44 | 
45 | 	}
46 | 
47 | 	button {
48 | 		width: 325rpx;
49 | 		height: 90rpx;
50 | 		background-color: #fc6315;
51 | 		font-size: 36rpx;
52 | 		font-weight: 700;
53 | 		color: #FFFFFF;
54 | 		margin-left: auto;
55 | 		margin-right: auto;
56 | 
57 | 	}
58 | </style>
59 | 


--------------------------------------------------------------------------------
/components/goods/dianzan.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="goods_list">
  3 | 		<view class="goods_item" v-for="(item,index) in msg" :key="index" @click="itemchange(item)">
  4 | 			<view class="tianchong">
  5 | 				<image :src="item.defaultImage" mode="scaleToFill"></image>
  6 | 			</view>
  7 | 			<view :class="{xuanfu:isend==true}"><text class="fu">{{item.storeName}}</text></view>
  8 | 			<view class="price">
  9 | 				<text class="tex">{{item.evaluation}}</text>
 10 | 			</view>
 11 | 			<view class="bao">
 12 | 				<view class="tupian">
 13 | 					<image :src="item.avatarLink"></image>
 14 | 				</view>
 15 | 				<view class="info">
 16 | 					<text>{{item.nickname}}</text>
 17 | 				</view>
 18 | 				<view class="item" :class="{active:istrue==true}" @click.stop="ai(istrue)">❤</view>
 19 | 			</view>
 20 | 		</view>
 21 | 	</view>
 22 | </template>
 23 | 
 24 | <script>
 25 | 	export default {
 26 | 		props: ['msg'],
 27 | 		data() {
 28 | 			return {
 29 | 				isend: true,
 30 | 				istrue: false
 31 | 			};
 32 | 		},
 33 | 
 34 | 		methods: {
 35 | 			// shan(item){
 36 | 			// 	if(item){
 37 | 			// 		this.isend=true;
 38 | 			// 	}
 39 | 			// 	else{
 40 | 			// 		this.isend=false;
 41 | 			// 	}
 42 | 			// },
 43 | 			itemchange(item) {
 44 | 				uni.navigateTo({
 45 | 					url: '/pages/finddetail/finddetail?id=' + item.id
 46 | 				})
 47 | 			},
 48 | 			ai(istrue) {
 49 | 				if (istrue) {
 50 | 					this.istrue = false;
 51 | 				} else {
 52 | 					this.istrue = true;
 53 | 				}
 54 | 			}
 55 | 		}
 56 | 
 57 | 	}
 58 | </script>
 59 | <style lang="scss">
 60 | 	.goods_list {
 61 | 		display: flex;
 62 | 		padding: 0 10rpx;
 63 | 		justify-content: space-between;
 64 | 		overflow: hidden;
 65 | 		flex-wrap: wrap;
 66 | 
 67 | 		.goods_item {
 68 | 			position: relative;
 69 | 			width: 355rpx;
 70 | 			margin-bottom: 20rpx;
 71 | 			background: #fff;
 72 | 			box-sizing: border-box;
 73 | 
 74 | 			.tianchong {
 75 | 				background: #eee;
 76 | 
 77 | 				image {
 78 | 					// height: 150px;
 79 | 					border-top-left-radius: 5px;
 80 | 					border-top-right-radius: 5px;
 81 | 					width: 100%;
 82 | 					height: 360rpx;
 83 | 					mix-width: 330rpx;
 84 | 
 85 | 					margin: 0 0;
 86 | 				}
 87 | 
 88 | 			}
 89 | 
 90 | 			.xuanfu {
 91 | 				overflow: hidden;
 92 | 				position: absolute;
 93 | 				left: 20rpx;
 94 | 				top: 300rpx;
 95 | 				width: 260rpx;
 96 | 				height: 40rpx;
 97 | 				font-size: 10px;
 98 | 				background-color: rgba(118, 115, 114, 0.7);
 99 | 				border-radius: 20rpx;
100 | 				text-align: center;
101 | 
102 | 				text {
103 | 					line-height: 40rpx;
104 | 					//text-align: center;
105 | 
106 | 					color: white;
107 | 				}
108 | 			}
109 | 
110 | 
111 | 			.price {
112 | 
113 | 				width: 320rpx;
114 | 				height: 50rpx;
115 | 				font-size: 12px;
116 | 				color: rgb(74, 74, 74);
117 | 				padding: 16rpx 0;
118 | 
119 | 				.tex {
120 | 					display: inline-block;
121 | 					width: 300rpx;
122 | 					height: 70rpx;
123 | 					overflow: hidden;
124 | 					text-overflow: ellipsis;
125 | 					white-space: nowrap;
126 | 				}
127 | 			}
128 | 
129 | 			.bao {
130 | 				display: flex;
131 | 				height: 50rpx;
132 | 				position: relative;
133 | 
134 | 				// overflow: hidden;
135 | 				.tupian {
136 | 					image {
137 | 						width: 40rpx;
138 | 						height: 40rpx;
139 | 						position: absolute;
140 | 						top: 0px;
141 | 						line-height: 40rpx;
142 | 						border-radius: 50%;
143 | 
144 | 					}
145 | 				}
146 | 
147 | 				.info {
148 | 					text {
149 | 						height: 40rpx;
150 | 						color: rgb(193, 193, 193);
151 | 						font-size: 8px;
152 | 						position: absolute;
153 | 						left: 50rpx;
154 | 						top: -4rpx;
155 | 						line-height: 40rpx;
156 | 
157 | 					}
158 | 				}
159 | 
160 | 				.item {
161 | 					height: 40rpx;
162 | 					flex: 1;
163 | 					display: inline-block;
164 | 					text-align: right;
165 | 
166 | 					line-height: 40rpx;
167 | 				}
168 | 
169 | 				.active {
170 | 					color: red;
171 | 				}
172 | 			}
173 | 
174 | 		}
175 | 	}
176 | </style>
177 | 


--------------------------------------------------------------------------------
/components/goods/goods.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="goods_list">
  3 | 		<view class="goods_item" v-for="(item,index) in arr" :key="index" @click="itemchange(item)">
  4 | 			<view class="tianchong">
  5 | 				<image :src="item.arr1.defaultImage"></image>
  6 | 			</view>
  7 | 			<view :class="{xuanfu:isend==true}"><text class="fu">{{item.arr1.storeName||"大湖原舍特色度假酒店"}}</text></view>
  8 | 			<view class="price">
  9 | 				<text class="tex">{{item.arr1.evaluation}}</text>
 10 | 			</view>
 11 | 			<view class="bao">
 12 | 				<view class="tupian">
 13 | 					<image :src="item.arr1.avatarLink"></image>
 14 | 				</view>
 15 | 				<view class="info">
 16 | 					<text>{{item.arr1.nickname}}</text>
 17 | 				</view>
 18 | 				<view class="item" @click.stop="addone(index)">
 19 | 					<uni-icons type="heart" size="18" :style="item.flg?'color:red':''"></uni-icons>
 20 | 				</view>
 21 | 
 22 | 
 23 | 			</view>
 24 | 		</view>
 25 | 		<view>
 26 | 			<view class="biji" @click="taobi">
 27 | 				<text>写笔记</text>
 28 | 			</view>
 29 | 		</view>
 30 | 
 31 | 	</view>
 32 | </template>
 33 | 
 34 | <script>
 35 | 	import uniIcons from "@/components/uni-ui/uni-icons/uni-icons.vue";
 36 | 	export default {
 37 | 		props: ['arr', "a"],
 38 | 		data() {
 39 | 			return {
 40 | 				isend: true,
 41 | 				istrue: false,
 42 | 				active: [],
 43 | 
 44 | 
 45 | 			};
 46 | 		},
 47 | 		mounted() {},
 48 | 
 49 | 		methods: {
 50 | 			// shan(item){
 51 | 			// 	if(item){
 52 | 			// 		this.isend=true;
 53 | 			// 	}
 54 | 			// 	else{
 55 | 			// 		this.isend=false;
 56 | 			// 	}
 57 | 			// },
 58 | 			itemchange(item) {
 59 | 				uni.navigateTo({
 60 | 					url: '/pages/finddetail/finddetail?id=' + item.arr1.id
 61 | 				})
 62 | 			},
 63 | 
 64 | 
 65 | 			addone(i) {
 66 | 				// console.log(e)
 67 | 				// console.log(i)
 68 | 				// console.log(item)
 69 | 				//console.log(this.arr[i].arr1)
 70 | 				// console.log(this.newsList)
 71 | 				console.log(this.a, "pppppppppffffffffffffp")
 72 | 				if (6 * (this.a - 1) + this.arr[i].in == i) {
 73 | 
 74 | 					if (this.arr[i].flg == false) {
 75 | 						// this.arr[i].arr1.id = this.arr[i].arr1.id + 1
 76 | 						this.arr[i].flg = true
 77 | 					} else {
 78 | 						// this.arr[i].arr1.id = this.arr[i].arr1.id - 1
 79 | 						this.arr[i].flag = false
 80 | 					}
 81 | 
 82 | 				}
 83 | 
 84 | 
 85 | 			},
 86 | 			taobi() {
 87 | 				uni.navigateTo({
 88 | 					url: '/pages/biji/biji'
 89 | 				})
 90 | 			}
 91 | 		},
 92 | 		components: {
 93 | 			uniIcons
 94 | 
 95 | 		}
 96 | 	}
 97 | </script>
 98 | <style lang="scss">
 99 | 	.goods_list {
100 | 		box-sizing: border-box;
101 | 		display: flex;
102 | 		padding: 0 15rpx;
103 | 		justify-content: space-between;
104 | 		overflow: hidden;
105 | 		flex-wrap: wrap;
106 | 
107 | 		.goods_item {
108 | 			position: relative;
109 | 			width: 355rpx;
110 | 			margin-bottom: 20rpx;
111 | 			background: #fff;
112 | 
113 | 			box-sizing: border-box;
114 | 
115 | 			.tianchong {
116 | 				background: #eee;
117 | 
118 | 				image {
119 | 					width: 100%;
120 | 					height: 360rpx;
121 | 					border-top-left-radius: 5px;
122 | 					border-top-right-radius: 5px;
123 | 					width: 100%;
124 | 					mix-width: 330rpx;
125 | 					margin: 0 0;
126 | 				}
127 | 
128 | 			}
129 | 
130 | 
131 | 			.xuanfu {
132 | 				position: absolute;
133 | 				left: 20rpx;
134 | 				top: 300rpx;
135 | 				width: 260rpx;
136 | 				height: 40rpx;
137 | 				font-size: 10px;
138 | 				background-color: rgba(118, 115, 114, 0.7);
139 | 				border-radius: 10px;
140 | 				text-align: center;
141 | 				overflow: hidden;
142 | 
143 | 				text {
144 | 					line-height: 40rpx;
145 | 
146 | 
147 | 					color: white;
148 | 				}
149 | 			}
150 | 
151 | 			.price {
152 | 
153 | 				width: 320rpx;
154 | 				height: 50rpx;
155 | 				font-size: 24rpx;
156 | 				color: rgb(74, 74, 74);
157 | 				padding: 8px 0;
158 | 
159 | 				.tex {
160 | 					display: inline-block;
161 | 					width: 300rpx;
162 | 					height: 70rpx;
163 | 					overflow: hidden;
164 | 					text-overflow: ellipsis;
165 | 					white-space: nowrap;
166 | 				}
167 | 			}
168 | 
169 | 			.bao {
170 | 				display: flex;
171 | 				height: 25px;
172 | 				position: relative;
173 | 
174 | 				// overflow: hidden;
175 | 				.tupian {
176 | 					image {
177 | 						width: 40rpx;
178 | 						height: 40rpx;
179 | 						position: absolute;
180 | 						top: 0px;
181 | 						line-height: 40rpx;
182 | 						border-radius: 50%;
183 | 
184 | 					}
185 | 				}
186 | 
187 | 				.info {
188 | 					text {
189 | 						height: 20px;
190 | 						color: rgb(193, 193, 193);
191 | 						font-size: 16rpx;
192 | 						position: absolute;
193 | 						left: 50rpx;
194 | 						top: -4rpx;
195 | 						line-height: 40rpx;
196 | 
197 | 					}
198 | 				}
199 | 
200 | 				.item {
201 | 					height: 40rpx;
202 | 					flex: 1;
203 | 					display: inline-block;
204 | 					text-align: right;
205 | 					z-index: 99;
206 | 					line-height: 40rpx;
207 | 				}
208 | 
209 | 				.active {
210 | 					color: red;
211 | 
212 | 				}
213 | 
214 | 				.act {
215 | 					color: blue;
216 | 				}
217 | 
218 | 
219 | 			}
220 | 
221 | 		}
222 | 
223 | 		.biji {
224 | 			position: fixed;
225 | 			right: 30rpx;
226 | 			bottom: 95rpx;
227 | 			width: 160rpx;
228 | 			height: 160rpx;
229 | 			background-color: orange;
230 | 			border-radius: 50%;
231 | 			text-align: center;
232 | 
233 | 			text {
234 | 				font-size: 12px;
235 | 				color: white;
236 | 				line-height: 160rpx;
237 | 			}
238 | 
239 | 		}
240 | 	}
241 | </style>
242 | 


--------------------------------------------------------------------------------
/components/goods/mapdi.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 
 4 | 		<view class="page-body">
 5 | 			<view class="page-section page-section-gap">
 6 | 				<map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers">
 7 | 				</map>
 8 | 			</view>
 9 | 		</view>
10 | 	</view>
11 | </template>
12 | 
13 | <script>
14 | 	export default {
15 | 
16 | 		data() {
17 | 			return {
18 | 				id: 0, // 使用 marker点击事件 需要填写id
19 | 				title: 'map',
20 | 				latitude: 39.909,
21 | 				longitude: 116.39742,
22 | 				covers: [{
23 | 					latitude: 39.909,
24 | 					longitude: 116.39742,
25 | 					iconPath: '../../../static/location.png'
26 | 				}, {
27 | 					latitude: 39.90,
28 | 					longitude: 116.39,
29 | 					iconPath: '../../../static/location.png'
30 | 				}]
31 | 			}
32 | 		},
33 | 
34 | 
35 | 		methods: {
36 | 
37 | 
38 | 		}
39 | 	}
40 | </script>
41 | 
42 | <style lang="scss">
43 | 
44 | 
45 | </style>
46 | 


--------------------------------------------------------------------------------
/components/mix-list-cell.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="content">
  3 | 
  4 | 		<view class="mix-list-cell" :class="border" @click="eventClick" hover-class="cell-hover" :hover-stay-time="50">
  5 | 			<text v-if="icon" class="cell-icon yticon" :style="[{
  6 | 					color: iconColor,
  7 | 				}]" :class="icon"></text>
  8 | 			<text class="cell-tit clamp">{{title}}</text>
  9 | 			<text v-if="tips" class="cell-tip">{{tips}}</text>
 10 | 			<text class="cell-more yticon" :class="typeList[navigateType]"></text>
 11 | 		</view>
 12 | 
 13 | 	</view>
 14 | </template>
 15 | 
 16 | <script>
 17 | 	/**
 18 | 	 *  简单封装了下， 应用范围比较狭窄，可以在此基础上进行扩展使用
 19 | 	 *  比如加入image， iconSize可控等
 20 | 	 */
 21 | 	export default {
 22 | 		data() {
 23 | 			return {
 24 | 				typeList: {
 25 | 					left: 'icon-zuo',
 26 | 					right: 'icon-you',
 27 | 					up: 'icon-shang',
 28 | 					down: 'icon-xia'
 29 | 				},
 30 | 			}
 31 | 		},
 32 | 		props: {
 33 | 			icon: {
 34 | 				type: String,
 35 | 				default: ''
 36 | 			},
 37 | 			title: {
 38 | 				type: String,
 39 | 				default: '标题'
 40 | 			},
 41 | 			tips: {
 42 | 				type: String,
 43 | 				default: ''
 44 | 			},
 45 | 			navigateType: {
 46 | 				type: String,
 47 | 				default: 'right'
 48 | 			},
 49 | 			border: {
 50 | 				type: String,
 51 | 				default: 'b-b'
 52 | 			},
 53 | 			hoverClass: {
 54 | 				type: String,
 55 | 				default: 'cell-hover'
 56 | 			},
 57 | 			iconColor: {
 58 | 				type: String,
 59 | 				default: '#333'
 60 | 			}
 61 | 		},
 62 | 		methods: {
 63 | 			eventClick = (e) => {
 64 | 				this.$emit('eventClick');
 65 | 			}
 66 | 		},
 67 | 	}
 68 | </script>
 69 | 
 70 | <style lang='scss'>
 71 | 	.icon .mix-list-cell.b-b:after {
 72 | 		left: 90upx;
 73 | 	}
 74 | 
 75 | 	.mix-list-cell {
 76 | 		display: flex;
 77 | 		align-items: baseline;
 78 | 		padding: 20upx $page-row-spacing;
 79 | 		line-height: 60upx;
 80 | 		position: relative;
 81 | 
 82 | 		&.cell-hover {
 83 | 			background: #fafafa;
 84 | 		}
 85 | 
 86 | 		&.b-b:after {
 87 | 			left: 30upx;
 88 | 		}
 89 | 
 90 | 		.cell-icon {
 91 | 			align-self: center;
 92 | 			width: 56upx;
 93 | 			max-height: 60upx;
 94 | 			font-size: 38upx;
 95 | 		}
 96 | 
 97 | 		.cell-more {
 98 | 			align-self: center;
 99 | 			font-size: 30upx;
100 | 			color: $font-color-base;
101 | 			margin-left: $uni-spacing-row-sm;
102 | 		}
103 | 
104 | 		.cell-tit {
105 | 			flex: 1;
106 | 			font-size: $font-base;
107 | 			color: $font-color-dark;
108 | 			margin-right: 10upx;
109 | 		}
110 | 
111 | 		.cell-tip {
112 | 			font-size: $font-sm+2upx;
113 | 			color: $font-color-light;
114 | 		}
115 | 	}
116 | </style>
117 | 


--------------------------------------------------------------------------------
/components/package-lock.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "components",
 3 |   "version": "1.0.0",
 4 |   "lockfileVersion": 1,
 5 |   "requires": true,
 6 |   "dependencies": {
 7 |     "@babel/runtime": {
 8 |       "version": "7.12.5",
 9 |       "resolved": "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.12.5.tgz?cache=0&sync_timestamp=1604443606981&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fruntime%2Fdownload%2F%40babel%2Fruntime-7.12.5.tgz",
10 |       "integrity": "sha1-QQ5+SHRB4bNgwpvnFdhw2bmFiC4=",
11 |       "requires": {
12 |         "regenerator-runtime": "^0.13.4"
13 |       }
14 |     },
15 |     "@popperjs/core": {
16 |       "version": "2.5.4",
17 |       "resolved": "https://registry.npm.taobao.org/@popperjs/core/download/@popperjs/core-2.5.4.tgz?cache=0&sync_timestamp=1604076368519&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40popperjs%2Fcore%2Fdownload%2F%40popperjs%2Fcore-2.5.4.tgz",
18 |       "integrity": "sha1-3iW12p9yeYWjdX/Vm10Cirp1hBo="
19 |     },
20 |     "@vant/icons": {
21 |       "version": "1.4.0",
22 |       "resolved": "https://registry.npm.taobao.org/@vant/icons/download/@vant/icons-1.4.0.tgz?cache=0&sync_timestamp=1604235300752&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Ficons%2Fdownload%2F%40vant%2Ficons-1.4.0.tgz",
23 |       "integrity": "sha1-qR94lPLzQ1b3il1vi51PGkat0MU="
24 |     },
25 |     "@vant/popperjs": {
26 |       "version": "1.0.2",
27 |       "resolved": "https://registry.npm.taobao.org/@vant/popperjs/download/@vant/popperjs-1.0.2.tgz?cache=0&sync_timestamp=1607062513238&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vant%2Fpopperjs%2Fdownload%2F%40vant%2Fpopperjs-1.0.2.tgz",
28 |       "integrity": "sha1-Ui1xZWI1Elo64I6ccBo7rm/YjXs=",
29 |       "requires": {
30 |         "@popperjs/core": "^2.5.4"
31 |       }
32 |     },
33 |     "@vue/babel-helper-vue-jsx-merge-props": {
34 |       "version": "1.2.1",
35 |       "resolved": "https://registry.npm.taobao.org/@vue/babel-helper-vue-jsx-merge-props/download/@vue/babel-helper-vue-jsx-merge-props-1.2.1.tgz?cache=0&sync_timestamp=1602851174430&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40vue%2Fbabel-helper-vue-jsx-merge-props%2Fdownload%2F%40vue%2Fbabel-helper-vue-jsx-merge-props-1.2.1.tgz",
36 |       "integrity": "sha1-MWJKelBfsU2h1YAjclpMXycOaoE="
37 |     },
38 |     "regenerator-runtime": {
39 |       "version": "0.13.7",
40 |       "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.13.7.tgz",
41 |       "integrity": "sha1-ysLazIoepnX+qrrriugziYrkb1U="
42 |     },
43 |     "vant": {
44 |       "version": "2.11.2",
45 |       "resolved": "https://registry.npm.taobao.org/vant/download/vant-2.11.2.tgz?cache=0&sync_timestamp=1607650039589&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvant%2Fdownload%2Fvant-2.11.2.tgz",
46 |       "integrity": "sha1-I5xcysneJ2S0Ba/61AjGnbCwnaA=",
47 |       "requires": {
48 |         "@babel/runtime": "7.x",
49 |         "@vant/icons": "1.4.0",
50 |         "@vant/popperjs": "^1.0.0",
51 |         "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
52 |         "vue-lazyload": "1.2.3"
53 |       }
54 |     },
55 |     "vue-lazyload": {
56 |       "version": "1.2.3",
57 |       "resolved": "https://registry.npm.taobao.org/vue-lazyload/download/vue-lazyload-1.2.3.tgz",
58 |       "integrity": "sha1-kB+ewVx+bKeHgaK65KNDaGve2yw="
59 |     }
60 |   }
61 | }
62 | 


--------------------------------------------------------------------------------
/components/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "components",
 3 | 	"version": "1.0.0",
 4 | 	"description": "",
 5 | 	"main": "index.js",
 6 | 	"scripts": {
 7 | 		"test": "echo \"Error: no test specified\" && exit 1"
 8 | 	},
 9 | 	"author": "",
10 | 	"license": "ISC",
11 | 	"dependencies": {
12 | 		"vant": "^2.11.2"
13 | 	}
14 | }
15 | 


--------------------------------------------------------------------------------
/components/preferent/preferent.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="content">
 3 | 		<view class="word">为你推荐</view>
 4 | 		<view class="word1">每一次睡眠都为您精挑细选</view>
 5 | 	</view>
 6 | 
 7 | </template>
 8 | 
 9 | <script>
10 | </script>
11 | 
12 | <style>
13 | 	.content {
14 | 		height: 100rpx;
15 | 		width: 95%;
16 | 		margin: auto;
17 | 	}
18 | 
19 | 	.word {
20 | 		font-size: 40rpx;
21 | 		margin-bottom: 15rpx;
22 | 		opacity: 0.9;
23 | 	}
24 | 
25 | 	.word1 {
26 | 		opacity: 0.6;
27 | 	}
28 | </style>
29 | 


--------------------------------------------------------------------------------
/components/search/search.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="searchall">
  3 | 		<swiper :interval="2000">
  4 | 			<swiper-item>
  5 | 				<text class="search" @click="change1()">推荐</text>
  6 | 				<text class="search" @click="change2()">无锡</text>
  7 | 				<text class="search" @click="change3()">苏州</text>
  8 | 				<text class="search" @click="change4()">湖州</text>
  9 | 				<text class="search" @click="change5()">常州</text>
 10 | 			</swiper-item>
 11 | 			<swiper-item>
 12 | 				<text class="search" @click="change6()">嘉兴</text>
 13 | 				<text class="search" @click="change7()">北京</text>
 14 | 				<text class="search" @click="change8()">扬州</text>
 15 | 				<text class="search" @click="change9()">南京</text>
 16 | 				<text class="search" @click="change10()">上海</text>
 17 | 			</swiper-item>
 18 | 		</swiper>
 19 | 
 20 | 	</view>
 21 | </template>
 22 | 
 23 | <script>
 24 | 	export default {
 25 | 		props: ['cityCode'],
 26 | 		data() {
 27 | 			return {
 28 | 
 29 | 			};
 30 | 		},
 31 | 		methods: {
 32 | 			change1() {
 33 | 				var code = 320200
 34 | 				this.$emit("func", code)
 35 | 			},
 36 | 			change2() {
 37 | 				var code = 320200
 38 | 				this.$emit("func", code)
 39 | 			},
 40 | 			change3() {
 41 | 				var code = 320500
 42 | 				this.$emit("func", code)
 43 | 			},
 44 | 			change4() {
 45 | 				var code = 330500
 46 | 				this.$emit("func", code)
 47 | 			},
 48 | 			change5() {
 49 | 				var code = 320400
 50 | 				this.$emit("func", code)
 51 | 			},
 52 | 			change6() {
 53 | 				var code = 330400
 54 | 				this.$emit("func", code)
 55 | 			},
 56 | 			change7() {
 57 | 				var code = 110100
 58 | 				this.$emit("func", code)
 59 | 			},
 60 | 			change8() {
 61 | 				var code = 321000
 62 | 				this.$emit("func", code)
 63 | 			},
 64 | 			change9() {
 65 | 				var code = 320100
 66 | 				this.$emit("func", code)
 67 | 			},
 68 | 			change10() {
 69 | 				var code = 310100
 70 | 				this.$emit("func", code)
 71 | 			},
 72 | 		}
 73 | 
 74 | 
 75 | 	}
 76 | </script>
 77 | 
 78 | <style lang="less">
 79 | 	.searchall {
 80 | 		margin-top: 40rpx;
 81 | 		width: 100%;
 82 | 		margin-left: 25rpx;
 83 | 		display: flex;
 84 | 
 85 | 		swiper {
 86 | 			width: 95%;
 87 | 			height: 60rpx;
 88 | 
 89 | 			swiper-item {
 90 | 				display: flex;
 91 | 
 92 | 				text {
 93 | 					display: block;
 94 | 
 95 | 					background-color: #ccc;
 96 | 					width: 200rpx;
 97 | 					height: 60rpx;
 98 | 
 99 | 					text-align: center;
100 | 					border: 10rpx solid #fff;
101 | 					opacity: 0.7;
102 | 
103 | 
104 | 				}
105 | 			}
106 | 		}
107 | 	}
108 | </style>
109 | 


--------------------------------------------------------------------------------
/components/share-btn/share-btn.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="sharebtn">
  3 | 		<view class="uni-share">
  4 | 			<view class="words"><text>听说，可爱的人都很喜欢分享哦~</text></view>
  5 | 			<view class="uni-share-content">
  6 | 				<view v-for="(item, index) in bottomData" :key="index" class="uni-share-content-box">
  7 | 					<view class="uni-share-content-image">
  8 | 						<image :src="item.icon" class="content-image" />
  9 | 					</view>
 10 | 					<text class="uni-share-content-text">{{ item.text }}</text>
 11 | 				</view>
 12 | 			</view>
 13 | 		</view>
 14 | 	</view>
 15 | </template>
 16 | 
 17 | <script>
 18 | 	export default {
 19 | 		data() {
 20 | 			return {
 21 | 				bottomData: [{
 22 | 						text: '微信好友',
 23 | 						icon: '/static/icons/weixin.png',
 24 | 						name: 'wx'
 25 | 					},
 26 | 					{
 27 | 						text: '生成美图',
 28 | 						icon: '/static/icons/copy.png',
 29 | 						name: 'copy'
 30 | 					},
 31 | 
 32 | 				],
 33 | 
 34 | 			}
 35 | 		},
 36 | 
 37 | 		methods: {
 38 | 
 39 | 		}
 40 | 	}
 41 | </script>
 42 | 
 43 | <style lang="scss">
 44 | 	/* 底部分享 */
 45 | 	.sharebtn {
 46 | 		background-color: #FFFFFF;
 47 | 		height: 300rpx;
 48 | 
 49 | 		.uni-share {
 50 | 			width: 690rpx;
 51 | 			margin: 30rpx;
 52 | 			border-radius: 30rpx;
 53 | 			/* #ifndef APP-NVUE */
 54 | 			display: flex;
 55 | 			flex-direction: column;
 56 | 			/* #endif */
 57 | 			background-color: #fff;
 58 | 
 59 | 			.words {
 60 | 				font-size: 30rpx;
 61 | 				color: grey;
 62 | 				text-align: center;
 63 | 				margin-top: 25rpx;
 64 | 			}
 65 | 
 66 | 			.uni-share-content {
 67 | 				/* #ifndef APP-NVUE */
 68 | 				display: flex;
 69 | 				/* #endif */
 70 | 				flex-direction: row;
 71 | 				flex-wrap: nowrap;
 72 | 				justify-content: center;
 73 | 				overflow-x: scroll;
 74 | 				padding: 15px 50rpx;
 75 | 
 76 | 				.uni-share-content-box {
 77 | 					/* #ifndef APP-NVUE */
 78 | 					display: flex;
 79 | 					/* #endif */
 80 | 					flex-direction: column;
 81 | 					align-items: center;
 82 | 					margin-right: 60rpx;
 83 | 
 84 | 					&:nth-last-child(1) {
 85 | 						margin-right: 0;
 86 | 					}
 87 | 
 88 | 					.uni-share-content-image {
 89 | 						/* #ifndef APP-NVUE */
 90 | 						display: flex;
 91 | 						/* #endif */
 92 | 						flex-direction: row;
 93 | 						justify-content: center;
 94 | 						align-items: center;
 95 | 						width: 110rpx;
 96 | 						height: 110rpx;
 97 | 						overflow: hidden;
 98 | 						border-radius: 50%;
 99 | 						// background-color: orange;
100 | 
101 | 
102 | 						.content-image {
103 | 							width: 90rpx;
104 | 							height: 90rpx;
105 | 						}
106 | 					}
107 | 
108 | 					&:nth-last-child(1) {
109 | 						.uni-share-content-image .content-image {
110 | 							width: 50rpx !important;
111 | 							height: 50rpx !important;
112 | 						}
113 | 					}
114 | 
115 | 					.uni-share-content-text {
116 | 						font-size: 26rpx;
117 | 						color: #333;
118 | 						padding-top: 5px;
119 | 						padding-bottom: 10px;
120 | 						margin-top: 20rpx;
121 | 					}
122 | 				}
123 | 			}
124 | 		}
125 | 	}
126 | </style>
127 | 


--------------------------------------------------------------------------------
/components/ss-upload-image/ss-upload-image.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="upload">
  3 | 		<view class="list">
  4 | 			<view class="item interval" v-for="(item,index) in fileList" :key="index">
  5 | 				<image :src="item" v-if="item"></image>
  6 | 				<view class="icon-close" @click.stop="handleRemove(index)">
  7 | 					<uni-icon type="closeempty" size="20" color="#fff"></uni-icon>
  8 | 				</view>
  9 | 			</view>
 10 | 			<view class="item" @click="chooseImage" v-if="fileList.length<limit">
 11 | 				<uni-icon type="image" size="30" color="#cccccd"></uni-icon>
 12 | 			</view>
 13 | 		</view>
 14 | 	</view>
 15 | </template>
 16 | 
 17 | <script>
 18 | 	export default {
 19 | 		props: {
 20 | 			limit: {
 21 | 				type: Number,
 22 | 				default: 5
 23 | 			},
 24 | 			url: {
 25 | 				type: String,
 26 | 				required: true
 27 | 			},
 28 | 			name: {
 29 | 				type: String,
 30 | 				default: 'file'
 31 | 			},
 32 | 			formData: {
 33 | 				type: Object,
 34 | 				default () {
 35 | 					return {}
 36 | 				}
 37 | 			},
 38 | 			header: {
 39 | 				type: Object,
 40 | 				default () {
 41 | 					return {}
 42 | 				}
 43 | 			},
 44 | 			fileList: {
 45 | 				type: Array,
 46 | 				default () {
 47 | 					return []
 48 | 				}
 49 | 			}
 50 | 		},
 51 | 		data() {
 52 | 			return {}
 53 | 		},
 54 | 		methods: {
 55 | 			chooseImage() {
 56 | 				uni.chooseImage({
 57 | 					success: (chooseImageRes) => {
 58 | 						const uploadTask = uni.uploadFile({
 59 | 							url: this.url,
 60 | 							name: this.name,
 61 | 							filePath: chooseImageRes.tempFilePaths[0],
 62 | 							formData: this.formData,
 63 | 							header: this.header,
 64 | 							success: (uploadFileRes) => {
 65 | 								this.$emit('on-success', JSON.parse(uploadFileRes.data))
 66 | 							},
 67 | 							fail: (err) => {
 68 | 								this.$emit('on-error', err)
 69 | 							}
 70 | 						})
 71 | 						uploadTask.onProgressUpdate((res) => {
 72 | 							this.$emit('on-process', res)
 73 | 						})
 74 | 					}
 75 | 				})
 76 | 			},
 77 | 			handleRemove(index) {
 78 | 				this.$emit('on-remove', index)
 79 | 			}
 80 | 		}
 81 | 	}
 82 | </script>
 83 | 
 84 | <style lang="scss" scoped>
 85 | 	.upload {
 86 | 		.list {
 87 | 			display: flex;
 88 | 			flex-wrap: wrap;
 89 | 
 90 | 			.item {
 91 | 				position: relative;
 92 | 				display: flex;
 93 | 				align-items: center;
 94 | 				justify-content: center;
 95 | 				width: 140upx;
 96 | 				height: 140upx;
 97 | 				border-radius: 8upx;
 98 | 				border: 2upx solid #D9D9D9;
 99 | 				background-color: #f3f3f3;
100 | 				margin-bottom: 20upx;
101 | 
102 | 				&.interval {
103 | 					margin-right: 16upx;
104 | 					border: none;
105 | 				}
106 | 
107 | 				image {
108 | 					width: 100%;
109 | 					height: 100%;
110 | 					border-radius: 8upx;
111 | 					margin: 0;
112 | 				}
113 | 
114 | 				.icon-close {
115 | 					position: absolute;
116 | 					top: 0;
117 | 					right: 0;
118 | 					width: 28upx;
119 | 					height: 28upx;
120 | 					background-color: red;
121 | 					display: flex;
122 | 					align-items: center;
123 | 					justify-content: center;
124 | 					border-radius: 0 8upx 0 0;
125 | 				}
126 | 
127 | 				.icon {
128 | 					width: 48upx;
129 | 					height: 48upx;
130 | 				}
131 | 			}
132 | 		}
133 | 	}
134 | </style>
135 | 


--------------------------------------------------------------------------------
/components/suzhou/suzhou.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="contents" @click="hotel(res)">
  3 | 		<view class="content1">
  4 | 			<swiper :interval="4500" circular>
  5 | 				<template v-if="res.storeImage">
  6 | 					<swiper-item v-for="item in res.storeImage.split(',')" :key="item">
  7 | 						<image :src="item" mode="widthFix"></image>
  8 | 					</swiper-item>
  9 | 				</template>
 10 | 			</swiper>
 11 | 		</view>
 12 | 		<view class="word">
 13 | 			<view class="laber">
 14 | 				<text class="reserve">{{res.storeReserve||"本月可订"}}</text>
 15 | 				<template v-if="res.sellingLabel">
 16 | 					<text v-for="item in res&&res.sellingLabel&&res.sellingLabel.split(',')">{{item}}</text>
 17 | 				</template>
 18 | 			</view>
 19 | 			<view class="title">
 20 | 				{{res.subTitle}}
 21 | 			</view>
 22 | 			<view class="word1">
 23 | 				<text>{{res.storeName}}</text>
 24 | 				<text>特色度假酒店</text>
 25 | 			</view>
 26 | 		</view>
 27 | 
 28 | 	</view>
 29 | </template>
 30 | 
 31 | <script>
 32 | 	import {
 33 | 		myRequestPost
 34 | 	} from "@/utils/zgrequest.js"
 35 | 	export default {
 36 | 		props: ['res'],
 37 | 		data() {
 38 | 			return {
 39 | 				storeImage: []
 40 | 			}
 41 | 		},
 42 | 
 43 | 		methods: {
 44 | 
 45 | 			hotel(res) {
 46 | 				uni.navigateTo({
 47 | 					url: "/pages/hotelDetails/hotelDetails?storeNo=" + res.storeNo,
 48 | 				});
 49 | 
 50 | 			},
 51 | 
 52 | 
 53 | 		}
 54 | 	}
 55 | </script>
 56 | 
 57 | <style lang="less">
 58 | 	.contents {
 59 | 		width: 710.28rpx;
 60 | 		margin: auto;
 61 | 		margin-top: 30rpx;
 62 | 		border: 1rpx solid #EEEEEE;
 63 | 
 64 | 		.content1 {
 65 | 			height: 404rpx;
 66 | 
 67 | 			swiper {
 68 | 				height: 404rpx;
 69 | 
 70 | 				image {
 71 | 					width: 712.28rpx;
 72 | 					height: 404rpx;
 73 | 					margin-left: 1rpx;
 74 | 					margin-top: 1rpx;
 75 | 
 76 | 				}
 77 | 			}
 78 | 
 79 | 		}
 80 | 
 81 | 		.word {
 82 | 			margin-top: 35rpx;
 83 | 			margin-left: 20rpx;
 84 | 
 85 | 			.laber {
 86 | 
 87 | 				display: flex;
 88 | 
 89 | 				.reserve {
 90 | 					color: #ff6c36;
 91 | 					background-color: #fff6f3;
 92 | 				}
 93 | 
 94 | 				text {
 95 | 					overflow: hidden;
 96 | 					white-space: nowrap;
 97 | 					color: #777777;
 98 | 					padding: 5rpx;
 99 | 					display: block;
100 | 					font-size: 25rpx;
101 | 					background-color: #f8f8f7;
102 | 					margin-right: 8rpx;
103 | 
104 | 				}
105 | 			}
106 | 
107 | 			.title {
108 | 				color: #00004f;
109 | 				margin-top: 20rpx;
110 | 				display: block;
111 | 				font-size: 42rpx;
112 | 				font-weight: 300;
113 | 				margin-bottom: 20rpx;
114 | 			}
115 | 		}
116 | 
117 | 		.word1 {
118 | 			display: flex;
119 | 
120 | 			text {
121 | 				color: #b7b7b7;
122 | 				display: block;
123 | 				margin-bottom: 40rpx;
124 | 			}
125 | 		}
126 | 	}
127 | </style>
128 | 


--------------------------------------------------------------------------------
/components/swiperAdv/swiperAdv.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="body" @click="hotel(res)">
 4 | 			<swiper indicator-dots :autoplay="true" :interval="4500" circular>
 5 | 				<swiper-item v-for="item in res.storeImage.split(',')" :key="item">
 6 | 					<image :src="item" mode="widthFix"></image>
 7 | 				</swiper-item>
 8 | 			</swiper>
 9 | 
10 | 			<view class="child">
11 | 				<text class="sellingLabel">{{res.sellingLabel.replace(/,/g,"&nbsp;/")}}</text>
12 | 				<view class="subTitleFather">
13 | 					<text class="subTitle">{{res.subTitle}}</text>
14 | 				</view>
15 | 
16 | 				<view class="storeNameFather">
17 | 					<text class="storeName">{{res.storeName}}</text>
18 | 				</view>
19 | 			</view>
20 | 		</view>
21 | 	</view>
22 | </template>
23 | 
24 | <script>
25 | 	export default {
26 | 		props: ['res'],
27 | 		data() {
28 | 			return {
29 | 
30 | 			}
31 | 		},
32 | 
33 | 		methods: {
34 | 			hotel(res) {
35 | 				uni.navigateTo({
36 | 					url: "/pages/hotelDetails/hotelDetails?storeNo=" + res.storeNo,
37 | 				});
38 | 
39 | 			}
40 | 		}
41 | 	}
42 | </script>
43 | 
44 | <style lang="less">
45 | 	.body {
46 | 		// background-color: #000000;
47 | 		padding: 0 35rpx;
48 | 		margin-bottom: 25rpx;
49 | 
50 | 		swiper {
51 | 			height: 380rpx;
52 | 
53 | 			image {
54 | 				width: 680rpx;
55 | 
56 | 			}
57 | 		}
58 | 
59 | 		.child {
60 | 			width: 640rpx;
61 | 			height: 200rpx;
62 | 			background-color: #FFFFFF;
63 | 			padding: 20rpx;
64 | 
65 | 			.sellingLabel {
66 | 				padding: 5rpx;
67 | 				width: 150rpx;
68 | 				height: 30rpx;
69 | 				font-size: 12px;
70 | 				border: 1px solid #C8C7CC;
71 | 				color: gray;
72 | 				border-radius: 12rpx;
73 | 			}
74 | 
75 | 			.subTitleFather {
76 | 				margin-top: 8rpx;
77 | 
78 | 				.subTitle {
79 | 					margin-top: 8rpx;
80 | 					font-size: 45rpx;
81 | 				}
82 | 			}
83 | 
84 | 			.storeNameFather {
85 | 				margin-top: 8rpx;
86 | 
87 | 				.storeName {
88 | 					color: grey;
89 | 				}
90 | 			}
91 | 
92 | 
93 | 		}
94 | 	}
95 | </style>
96 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-badge/uni-badge.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<text v-if="text" :class="inverted ? 'uni-badge--' + type + ' uni-badge--' + size + ' uni-badge--' + type + '-inverted' : 'uni-badge--' + type + ' uni-badge--' + size"
  3 | 	 :style="badgeStyle" class="uni-badge" @click="onClick()">{{ text }}</text>
  4 | </template>
  5 | 
  6 | <script>
  7 | 	/**
  8 | 	 * Badge 数字角标
  9 | 	 * @description 数字角标一般和其它控件（列表、9宫格等）配合使用，用于进行数量提示，默认为实心灰色背景
 10 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=21
 11 | 	 * @property {String} text 角标内容
 12 | 	 * @property {String} type = [default|primary|success|warning|error] 颜色类型
 13 | 	 * 	@value default 灰色
 14 | 	 * 	@value primary 蓝色
 15 | 	 * 	@value success 绿色
 16 | 	 * 	@value warning 黄色
 17 | 	 * 	@value error 红色
 18 | 	 * @property {String} size = [normal|small] Badge 大小
 19 | 	 * 	@value normal 一般尺寸
 20 | 	 * 	@value small 小尺寸
 21 | 	 * @property {String} inverted = [true|false] 是否无需背景颜色
 22 | 	 * @event {Function} click 点击 Badge 触发事件
 23 | 	 * @example <uni-badge text="1"></uni-badge>
 24 | 	 */
 25 | 	export default {
 26 | 		name: 'UniBadge',
 27 | 		props: {
 28 | 			type: {
 29 | 				type: String,
 30 | 				default: 'default'
 31 | 			},
 32 | 			inverted: {
 33 | 				type: Boolean,
 34 | 				default: false
 35 | 			},
 36 | 			text: {
 37 | 				type: [String, Number],
 38 | 				default: ''
 39 | 			},
 40 | 			size: {
 41 | 				type: String,
 42 | 				default: 'normal'
 43 | 			}
 44 | 		},
 45 | 		data() {
 46 | 			return {
 47 | 				badgeStyle: ''
 48 | 			};
 49 | 		},
 50 | 		watch: {
 51 | 			text() {
 52 | 				this.setStyle()
 53 | 			}
 54 | 		},
 55 | 		mounted() {
 56 | 			this.setStyle()
 57 | 		},
 58 | 		methods: {
 59 | 			setStyle() {
 60 | 				this.badgeStyle = `width: ${String(this.text).length * 8 + 12}px`
 61 | 			},
 62 | 			onClick() {
 63 | 				this.$emit('click');
 64 | 			}
 65 | 		}
 66 | 	};
 67 | </script>
 68 | 
 69 | <style lang="scss" scoped>
 70 | 	$bage-size: 12px;
 71 | 	$bage-small: scale(0.8);
 72 | 	$bage-height: 20px;
 73 | 
 74 | 	.uni-badge {
 75 | 		/* #ifndef APP-PLUS */
 76 | 		display: flex;
 77 | 		box-sizing: border-box;
 78 | 		overflow: hidden;
 79 | 		/* #endif */
 80 | 		justify-content: center;
 81 | 		flex-direction: row;
 82 | 		height: $bage-height;
 83 | 		line-height: $bage-height;
 84 | 		color: $uni-text-color;
 85 | 		border-radius: 100px;
 86 | 		background-color: $uni-bg-color-hover;
 87 | 		background-color: transparent;
 88 | 		text-align: center;
 89 | 		font-family: 'Helvetica Neue', Helvetica, sans-serif;
 90 | 		font-size: $bage-size;
 91 | 		padding: 0px 6px;
 92 | 	}
 93 | 
 94 | 	.uni-badge--inverted {
 95 | 		padding: 0 5px 0 0;
 96 | 		color: $uni-bg-color-hover;
 97 | 	}
 98 | 
 99 | 	.uni-badge--default {
100 | 		color: $uni-text-color;
101 | 		background-color: $uni-bg-color-hover;
102 | 	}
103 | 
104 | 	.uni-badge--default-inverted {
105 | 		color: $uni-text-color-grey;
106 | 		background-color: transparent;
107 | 	}
108 | 
109 | 	.uni-badge--primary {
110 | 		color: $uni-text-color-inverse;
111 | 		background-color: $uni-color-primary;
112 | 	}
113 | 
114 | 	.uni-badge--primary-inverted {
115 | 		color: $uni-color-primary;
116 | 		background-color: transparent;
117 | 	}
118 | 
119 | 	.uni-badge--success {
120 | 		color: $uni-text-color-inverse;
121 | 		background-color: $uni-color-success;
122 | 	}
123 | 
124 | 	.uni-badge--success-inverted {
125 | 		color: $uni-color-success;
126 | 		background-color: transparent;
127 | 	}
128 | 
129 | 	.uni-badge--warning {
130 | 		color: $uni-text-color-inverse;
131 | 		background-color: $uni-color-warning;
132 | 	}
133 | 
134 | 	.uni-badge--warning-inverted {
135 | 		color: $uni-color-warning;
136 | 		background-color: transparent;
137 | 	}
138 | 
139 | 	.uni-badge--error {
140 | 		color: $uni-text-color-inverse;
141 | 		background-color: $uni-color-error;
142 | 	}
143 | 
144 | 	.uni-badge--error-inverted {
145 | 		color: $uni-color-error;
146 | 		background-color: transparent;
147 | 	}
148 | 
149 | 	.uni-badge--small {
150 | 		transform: $bage-small;
151 | 		transform-origin: center center;
152 | 	}
153 | </style>
154 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-collapse/uni-collapse.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="uni-collapse">
 3 | 		<slot />
 4 | 	</view>
 5 | </template>
 6 | <script>
 7 | 	/**
 8 | 	 * Collapse 折叠面板
 9 | 	 * @description 展示可以折叠 / 展开的内容区域
10 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=23
11 | 	 * @property {Boolean} accordion = [true|false] 是否开启手风琴效果是否开启手风琴效果
12 | 	 * @event {Function} change 切换面板时触发，activeNames（Array）：展开状态的uniCollapseItem的 name 值
13 | 	 */
14 | 	export default {
15 | 		name: 'UniCollapse',
16 | 		props: {
17 | 			accordion: {
18 | 				// 是否开启手风琴效果
19 | 				type: [Boolean, String],
20 | 				default: false
21 | 			}
22 | 		},
23 | 		data() {
24 | 			return {}
25 | 		},
26 | 		provide() {
27 | 			return {
28 | 				collapse: this
29 | 			}
30 | 		},
31 | 		created() {
32 | 			this.childrens = []
33 | 		},
34 | 		methods: {
35 | 			onChange() {
36 | 				let activeItem = []
37 | 				this.childrens.forEach((vm, index) => {
38 | 					if (vm.isOpen) {
39 | 						activeItem.push(vm.nameSync)
40 | 					}
41 | 				})
42 | 				this.$emit('change', activeItem)
43 | 			}
44 | 		}
45 | 	}
46 | </script>
47 | <style lang="scss" scoped>
48 | 	.uni-collapse {
49 | 		/* #ifndef APP-NVUE */
50 | 		width: 100%;
51 | 		display: flex;
52 | 		/* #endif */
53 | 		/* #ifdef APP-NVUE */
54 | 		flex: 1;
55 | 		/* #endif */
56 | 		flex-direction: column;
57 | 		background-color: $uni-bg-color;
58 | 	}
59 | </style>
60 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-combox/uni-combox.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-combox">
  3 | 		<view v-if="label" class="uni-combox__label" :style="labelStyle">
  4 | 			<text>{{label}}</text>
  5 | 		</view>
  6 | 		<view class="uni-combox__input-box">
  7 | 			<input class="uni-combox__input" type="text" :placeholder="placeholder" v-model="inputVal" @input="onInput"
  8 | 			 @focus="onFocus" @blur="onBlur" />
  9 | 			<uni-icons class="uni-combox__input-arrow" type="arrowdown" size="14" @click="toggleSelector"></uni-icons>
 10 | 			<view class="uni-combox__selector" v-if="showSelector">
 11 | 				<scroll-view scroll-y="true" class="uni-combox__selector-scroll">
 12 | 					<view class="uni-combox__selector-empty" v-if="filterCandidatesLength === 0">
 13 | 						<text>{{emptyTips}}</text>
 14 | 					</view>
 15 | 					<view class="uni-combox__selector-item" v-for="(item,index) in filterCandidates" :key="index" @click="onSelectorClick(index)">
 16 | 						<text>{{item}}</text>
 17 | 					</view>
 18 | 				</scroll-view>
 19 | 			</view>
 20 | 		</view>
 21 | 	</view>
 22 | </template>
 23 | 
 24 | <script>
 25 | 	import uniIcons from '../uni-icons/uni-icons.vue'
 26 | 	/**
 27 | 	 * Combox 组合输入框
 28 | 	 * @description 组合输入框一般用于既可以输入也可以选择的场景
 29 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=1261
 30 | 	 * @property {String} label 左侧文字
 31 | 	 * @property {String} labelWidth 左侧内容宽度
 32 | 	 * @property {String} placeholder 输入框占位符
 33 | 	 * @property {Array} candidates 候选项列表
 34 | 	 * @property {String} emptyTips 筛选结果为空时显示的文字
 35 | 	 * @property {String} value 组合框的值
 36 | 	 */
 37 | 	export default {
 38 | 		name: 'uniCombox',
 39 | 		components: {
 40 | 			uniIcons
 41 | 		},
 42 | 		props: {
 43 | 			label: {
 44 | 				type: String,
 45 | 				default: ''
 46 | 			},
 47 | 			labelWidth: {
 48 | 				type: String,
 49 | 				default: 'auto'
 50 | 			},
 51 | 			placeholder: {
 52 | 				type: String,
 53 | 				default: ''
 54 | 			},
 55 | 			candidates: {
 56 | 				type: Array,
 57 | 				default () {
 58 | 					return []
 59 | 				}
 60 | 			},
 61 | 			emptyTips: {
 62 | 				type: String,
 63 | 				default: '无匹配项'
 64 | 			},
 65 | 			value: {
 66 | 				type: String,
 67 | 				default: ''
 68 | 			}
 69 | 		},
 70 | 		data() {
 71 | 			return {
 72 | 				showSelector: false,
 73 | 				inputVal: ''
 74 | 			}
 75 | 		},
 76 | 		computed: {
 77 | 			labelStyle() {
 78 | 				if (this.labelWidth === 'auto') {
 79 | 					return {}
 80 | 				}
 81 | 				return {
 82 | 					width: this.labelWidth
 83 | 				}
 84 | 			},
 85 | 			filterCandidates() {
 86 | 				return this.candidates.filter((item) => {
 87 | 					return item.indexOf(this.inputVal) > -1
 88 | 				})
 89 | 			},
 90 | 			filterCandidatesLength() {
 91 | 				return this.filterCandidates.length
 92 | 			}
 93 | 		},
 94 | 		watch: {
 95 | 			value: {
 96 | 				handler(newVal) {
 97 | 					this.inputVal = newVal
 98 | 				},
 99 | 				immediate: true
100 | 			}
101 | 		},
102 | 		methods: {
103 | 			toggleSelector() {
104 | 				this.showSelector = !this.showSelector
105 | 			},
106 | 			onFocus() {
107 | 				this.showSelector = true
108 | 			},
109 | 			onBlur() {
110 | 				setTimeout(() => {
111 | 					this.showSelector = false
112 | 				},50)
113 | 			},
114 | 			onSelectorClick(index) {
115 | 				this.inputVal = this.filterCandidates[index]
116 | 				this.showSelector = false
117 | 				this.$emit('input', this.inputVal)
118 | 			},
119 | 			onInput() {
120 | 				setTimeout(() => {
121 | 					this.$emit('input', this.inputVal)
122 | 				})
123 | 			}
124 | 		}
125 | 	}
126 | </script>
127 | 
128 | <style lang="scss" scoped>
129 | 	.uni-combox {
130 | 		/* #ifndef APP-NVUE */
131 | 		display: flex;
132 | 		/* #endif */
133 | 		height: 40px;
134 | 		flex-direction: row;
135 | 		align-items: center;
136 | 		// border-bottom: solid 1px #DDDDDD;
137 | 	}
138 | 
139 | 	.uni-combox__label {
140 | 		font-size: 16px;
141 | 		line-height: 22px;
142 | 		padding-right: 10px;
143 | 		color: #999999;
144 | 	}
145 | 
146 | 	.uni-combox__input-box {
147 | 		position: relative;
148 | 		/* #ifndef APP-NVUE */
149 | 		display: flex;
150 | 		/* #endif */
151 | 		flex: 1;
152 | 		flex-direction: row;
153 | 		align-items: center;
154 | 	}
155 | 
156 | 	.uni-combox__input {
157 | 		flex: 1;
158 | 		font-size: 16px;
159 | 		height: 22px;
160 | 		line-height: 22px;
161 | 	}
162 | 
163 | 	.uni-combox__input-arrow {
164 | 		padding: 10px;
165 | 	}
166 | 
167 | 	.uni-combox__selector {
168 | 		box-sizing: border-box;
169 | 		position: absolute;
170 | 		top: 42px;
171 | 		left: 0;
172 | 		width: 100%;
173 | 		background-color: #FFFFFF;
174 | 		border-radius: 6px;
175 | 		box-shadow: #DDDDDD 4px 4px 8px, #DDDDDD -4px -4px 8px;
176 | 		z-index: 2;
177 | 	}
178 | 
179 | 	.uni-combox__selector-scroll {
180 | 		max-height: 200px;
181 | 		box-sizing: border-box;
182 | 	}
183 | 
184 | 	.uni-combox__selector::before {
185 | 		content: '';
186 | 		position: absolute;
187 | 		width: 0;
188 | 		height: 0;
189 | 		border-bottom: solid 6px #FFFFFF;
190 | 		border-right: solid 6px transparent;
191 | 		border-left: solid 6px transparent;
192 | 		left: 50%;
193 | 		top: -6px;
194 | 		margin-left: -6px;
195 | 	}
196 | 
197 | 	.uni-combox__selector-empty,
198 | 	.uni-combox__selector-item {
199 | 		/* #ifdef APP-NVUE */
200 | 		display: flex;
201 | 		/* #endif */
202 | 		line-height: 36px;
203 | 		font-size: 14px;
204 | 		text-align: center;
205 | 		border-bottom: solid 1px #DDDDDD;
206 | 		margin: 0px 10px;
207 | 	}
208 | 
209 | 	.uni-combox__selector-empty:last-child,
210 | 	.uni-combox__selector-item:last-child {
211 | 		border-bottom: none;
212 | 	}
213 | </style>
214 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-drawer/uni-drawer.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view v-if="visibleSync" :class="{ 'uni-drawer--visible': showDrawer }" class="uni-drawer" @touchmove.stop.prevent="clear">
  3 | 		<view class="uni-drawer__mask" :class="{ 'uni-drawer__mask--visible': showDrawer && mask }" @tap="close('mask')" />
  4 | 		<view class="uni-drawer__content" :class="{'uni-drawer--right': rightMode,'uni-drawer--left': !rightMode, 'uni-drawer__content--visible': showDrawer}" :style="{width:drawerWidth+'px'}">
  5 | 			<slot />
  6 | 		</view>
  7 | 	</view>
  8 | </template>
  9 | 
 10 | <script>
 11 | 	/**
 12 | 	 * Drawer 抽屉
 13 | 	 * @description 抽屉侧滑菜单
 14 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=26
 15 | 	 * @property {Boolean} mask = [true | false] 是否显示遮罩
 16 | 	 * @property {Boolean} maskClick = [true | false] 点击遮罩是否关闭
 17 | 	 * @property {Boolean} mode = [left | right] Drawer 滑出位置
 18 | 	 * 	@value left 从左侧滑出
 19 | 	 * 	@value right 从右侧侧滑出
 20 | 	 * @property {Number} width 抽屉的宽度 ，仅 vue 页面生效
 21 | 	 * @event {Function} close 组件关闭时触发事件
 22 | 	 */
 23 | 	export default {
 24 | 		name: 'UniDrawer',
 25 | 		props: {
 26 | 			/**
 27 | 			 * 显示模式（左、右），只在初始化生效
 28 | 			 */
 29 | 			mode: {
 30 | 				type: String,
 31 | 				default: ''
 32 | 			},
 33 | 			/**
 34 | 			 * 蒙层显示状态
 35 | 			 */
 36 | 			mask: {
 37 | 				type: Boolean,
 38 | 				default: true
 39 | 			},
 40 | 			/**
 41 | 			 * 遮罩是否可点击关闭
 42 | 			 */
 43 | 			maskClick:{
 44 | 				type: Boolean,
 45 | 				default: true
 46 | 			},
 47 | 			/**
 48 | 			 * 抽屉宽度
 49 | 			 */
 50 | 			width: {
 51 | 				type: Number,
 52 | 				default: 220
 53 | 			}
 54 | 		},
 55 | 		data() {
 56 | 			return {
 57 | 				visibleSync: false,
 58 | 				showDrawer: false,
 59 | 				rightMode: false,
 60 | 				watchTimer: null,
 61 | 				drawerWidth: 220
 62 | 			}
 63 | 		},
 64 | 		created() {
 65 | 			// #ifndef APP-NVUE
 66 | 			this.drawerWidth = this.width
 67 | 			// #endif
 68 | 			this.rightMode = this.mode === 'right'
 69 | 		},
 70 | 		methods: {
 71 | 			clear(){},
 72 | 			close(type) {
 73 | 				// fixed by mehaotian 抽屉尚未完全关闭或遮罩禁止点击时不触发以下逻辑
 74 | 				if((type === 'mask' && !this.maskClick) || !this.visibleSync) return
 75 | 				this._change('showDrawer', 'visibleSync', false)
 76 | 			},
 77 | 			open() {
 78 | 				// fixed by mehaotian 处理重复点击打开的事件
 79 | 				if(this.visibleSync) return
 80 | 				this._change('visibleSync', 'showDrawer', true)
 81 | 			},
 82 | 			_change(param1, param2, status) {
 83 | 				this[param1] = status
 84 | 				if (this.watchTimer) {
 85 | 					clearTimeout(this.watchTimer)
 86 | 				}
 87 | 				this.watchTimer = setTimeout(() => {
 88 | 					this[param2] = status
 89 | 					this.$emit('change',status)
 90 | 				}, status ? 50 : 300)
 91 | 			}
 92 | 		}
 93 | 	}
 94 | </script>
 95 | 
 96 | <style lang="scss" scoped>
 97 | 	// 抽屉宽度
 98 | 	$drawer-width: 220px;
 99 | 
100 | 	.uni-drawer {
101 | 		/* #ifndef APP-NVUE */
102 | 		display: block;
103 | 		/* #endif */
104 | 		position: fixed;
105 | 		top: 0;
106 | 		left: 0;
107 | 		right: 0;
108 | 		bottom: 0;
109 | 		overflow: hidden;
110 | 		z-index: 999;
111 | 	}
112 | 
113 | 	.uni-drawer__content {
114 | 		/* #ifndef APP-NVUE */
115 | 		display: block;
116 | 		/* #endif */
117 | 		position: absolute;
118 | 		top: 0;
119 | 		width: $drawer-width;
120 | 		bottom: 0;
121 | 		background-color: $uni-bg-color;
122 | 		transition: transform 0.3s ease;
123 | 	}
124 | 
125 | 	.uni-drawer--left {
126 | 		left: 0;
127 | 		/* #ifdef APP-NVUE */
128 | 		transform: translateX(-$drawer-width);
129 | 		/* #endif */
130 | 		/* #ifndef APP-NVUE */
131 | 		transform: translateX(-100%);
132 | 		/* #endif */
133 | 	}
134 | 
135 | 	.uni-drawer--right {
136 | 		right: 0;
137 | 		/* #ifdef APP-NVUE */
138 | 		transform: translateX($drawer-width);
139 | 		/* #endif */
140 | 		/* #ifndef APP-NVUE */
141 | 		transform: translateX(100%);
142 | 		/* #endif */
143 | 	}
144 | 
145 | 	.uni-drawer__content--visible {
146 | 		transform: translateX(0px);
147 | 	}
148 | 
149 | 
150 | 	.uni-drawer__mask {
151 | 		/* #ifndef APP-NVUE */
152 | 		display: block;
153 | 		/* #endif */
154 | 		opacity: 0;
155 | 		position: absolute;
156 | 		top: 0;
157 | 		left: 0;
158 | 		bottom: 0;
159 | 		right: 0;
160 | 		background-color: $uni-bg-color-mask;
161 | 		transition: opacity 0.3s;
162 | 	}
163 | 
164 | 	.uni-drawer__mask--visible {
165 | 		/* #ifndef APP-NVUE */
166 | 		display: block;
167 | 		/* #endif */
168 | 		opacity: 1;
169 | 	}
170 | </style>
171 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-fav/uni-fav.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view :class="[circle === true || circle === 'true' ? 'uni-fav--circle' : '']" :style="[{ backgroundColor: checked ? bgColorChecked : bgColor }]"
  3 | 	 @click="onClick" class="uni-fav">
  4 | 		<!-- #ifdef MP-ALIPAY -->
  5 | 		<view class="uni-fav-star" v-if="!checked && (star === true || star === 'true')">
  6 | 			<uni-icons :color="fgColor" :style="{color: checked ? fgColorChecked : fgColor}" size="14" type="star-filled" />
  7 | 		</view>
  8 | 		<!-- #endif -->
  9 | 		<!-- #ifndef MP-ALIPAY -->
 10 | 		<uni-icons :color="fgColor" :style="{color: checked ? fgColorChecked : fgColor}" class="uni-fav-star" size="14" type="star-filled"
 11 | 		 v-if="!checked && (star === true || star === 'true')" />
 12 | 		<!-- #endif -->
 13 | 		<text :style="{color: checked ? fgColorChecked : fgColor}" class="uni-fav-text">{{ checked ? contentText.contentFav : contentText.contentDefault }}</text>
 14 | 	</view>
 15 | </template>
 16 | 
 17 | <script>
 18 | 	import uniIcons from "../uni-icons/uni-icons.vue";
 19 | 
 20 | 	/**
 21 | 	 * Fav 收藏按钮
 22 | 	 * @description 用于收藏功能，可点击切换选中、不选中的状态
 23 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=864
 24 | 	 * @property {Boolean} star = [true|false] 按钮是否带星星
 25 | 	 * @property {String} bgColor 未收藏时的背景色
 26 | 	 * @property {String} bgColorChecked 已收藏时的背景色
 27 | 	 * @property {String} fgColor 未收藏时的文字颜色
 28 | 	 * @property {String} fgColorChecked 已收藏时的文字颜色
 29 | 	 * @property {Boolean} circle = [true|false] 是否为圆角
 30 | 	 * @property {Boolean} checked = [true|false] 是否为已收藏
 31 | 	 * @property {Object} contentText = [true|false] 收藏按钮文字
 32 | 	 * @event {Function} click 点击 fav按钮触发事件
 33 | 	 * @example <uni-fav :checked="true"/>
 34 | 	 */
 35 | 	export default {
 36 | 		name: "UniFav",
 37 | 		components: {
 38 | 			uniIcons
 39 | 		},
 40 | 		props: {
 41 | 			star: {
 42 | 				type: [Boolean, String],
 43 | 				default: true
 44 | 			},
 45 | 			bgColor: {
 46 | 				type: String,
 47 | 				default: "#eeeeee"
 48 | 			},
 49 | 			fgColor: {
 50 | 				type: String,
 51 | 				default: "#666666"
 52 | 			},
 53 | 			bgColorChecked: {
 54 | 				type: String,
 55 | 				default: "#007aff"
 56 | 			},
 57 | 			fgColorChecked: {
 58 | 				type: String,
 59 | 				default: "#FFFFFF"
 60 | 			},
 61 | 			circle: {
 62 | 				type: [Boolean, String],
 63 | 				default: false
 64 | 			},
 65 | 			checked: {
 66 | 				type: Boolean,
 67 | 				default: false
 68 | 			},
 69 | 			contentText: {
 70 | 				type: Object,
 71 | 				default () {
 72 | 					return {
 73 | 						contentDefault: "收藏",
 74 | 						contentFav: "已收藏"
 75 | 					};
 76 | 				}
 77 | 			}
 78 | 		},
 79 | 		watch: {
 80 | 			checked() {
 81 | 				if (uni.report) {
 82 | 					if (this.checked) {
 83 | 						uni.report("收藏", "收藏");
 84 | 					} else {
 85 | 						uni.report("取消收藏", "取消收藏");
 86 | 					}
 87 | 				}
 88 | 			}
 89 | 		},
 90 | 		methods: {
 91 | 			onClick() {
 92 | 				this.$emit("click");
 93 | 			}
 94 | 		}
 95 | 	};
 96 | </script>
 97 | 
 98 | <style lang="scss" scoped>
 99 | 	$fav-height: 25px;
100 | 
101 | 	.uni-fav {
102 | 		/* #ifndef APP-NVUE */
103 | 		display: flex;
104 | 		/* #endif */
105 | 		flex-direction: row;
106 | 		align-items: center;
107 | 		justify-content: center;
108 | 		width: 60px;
109 | 		height: $fav-height;
110 | 		line-height: $fav-height;
111 | 		text-align: center;
112 | 		border-radius: 3px;
113 | 	}
114 | 
115 | 	.uni-fav--circle {
116 | 		border-radius: 30px;
117 | 	}
118 | 
119 | 	.uni-fav-star {
120 | 		/* #ifndef APP-NVUE */
121 | 		display: flex;
122 | 		/* #endif */
123 | 		height: $fav-height;
124 | 		line-height: 24px;
125 | 		margin-right: 3px;
126 | 		align-items: center;
127 | 		justify-content: center;
128 | 	}
129 | 
130 | 	.uni-fav-text {
131 | 		/* #ifndef APP-NVUE */
132 | 		display: flex;
133 | 		/* #endif */
134 | 		height: $fav-height;
135 | 		line-height: $fav-height;
136 | 		align-items: center;
137 | 		justify-content: center;
138 | 		font-size: $uni-font-size-base;
139 | 	}
140 | </style>
141 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-grid-item/uni-grid-item copy.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view v-if="width" :style="'width:'+width+';'+(square?'height:'+width:'')" class="uni-grid-item">
  3 | 		<view :class="{ 'uni-grid-item--border': showBorder,  'uni-grid-item--border-top': showBorder && index < column, 'uni-highlight': highlight }"
  4 | 		 :style="{'border-right-color': borderColor ,'border-bottom-color': borderColor ,'border-top-color': borderColor }"
  5 | 		 class="uni-grid-item__box" @click="_onClick">
  6 | 			<slot />
  7 | 		</view>
  8 | 	</view>
  9 | </template>
 10 | 
 11 | <script>
 12 | 	/**
 13 | 	 * GridItem 宫格
 14 | 	 * @description 宫格组件
 15 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=27
 16 | 	 * @property {Number} index 子组件的唯一标识 ，点击gird会返回当前的标识
 17 | 	 */
 18 | 	export default {
 19 | 		name: 'UniGridItem',
 20 | 		inject: ['grid'],
 21 | 		props: {
 22 | 			index: {
 23 | 				type: Number,
 24 | 				default: 0
 25 | 			}
 26 | 		},
 27 | 		data() {
 28 | 			return {
 29 | 				column: 0,
 30 | 				showBorder: true,
 31 | 				square: true,
 32 | 				highlight: true,
 33 | 				left: 0,
 34 | 				top: 0,
 35 | 				openNum: 2,
 36 | 				width: 0,
 37 | 				borderColor: '#e5e5e5'
 38 | 			}
 39 | 		},
 40 | 		created() {
 41 | 			this.column = this.grid.column
 42 | 			this.showBorder = this.grid.showBorder
 43 | 			this.square = this.grid.square
 44 | 			this.highlight = this.grid.highlight
 45 | 			this.top = this.hor === 0 ? this.grid.hor : this.hor
 46 | 			this.left = this.ver === 0 ? this.grid.ver : this.ver
 47 | 			this.borderColor = this.grid.borderColor
 48 | 			this.grid.children.push(this)
 49 | 			// this.grid.init()
 50 | 			this.width = this.grid.width
 51 | 		},
 52 | 		beforeDestroy() {
 53 | 			this.grid.children.forEach((item, index) => {
 54 | 				if (item === this) {
 55 | 					this.grid.children.splice(index, 1)
 56 | 				}
 57 | 			})
 58 | 		},
 59 | 		methods: {
 60 | 			_onClick() {
 61 | 				this.grid.change({
 62 | 					detail: {
 63 | 						index: this.index
 64 | 					}
 65 | 				})
 66 | 			}
 67 | 		}
 68 | 	}
 69 | </script>
 70 | 
 71 | <style lang="scss" scoped>
 72 | 	.uni-grid-item {
 73 | 		/* #ifndef APP-NVUE */
 74 | 		height: 100%;
 75 | 		display: flex;
 76 | 		/* #endif */
 77 | 	}
 78 | 
 79 | 	.uni-grid-item__box {
 80 | 		/* #ifndef APP-NVUE */
 81 | 		display: flex;
 82 | 		width: 100%;
 83 | 		/* #endif */
 84 | 		position: relative;
 85 | 		flex: 1;
 86 | 		flex-direction: column;
 87 | 		// justify-content: center;
 88 | 		// align-items: center;
 89 | 	}
 90 | 
 91 | 	.uni-grid-item--border {
 92 | 		position: relative;
 93 | 		/* #ifdef APP-NVUE */
 94 | 		border-bottom-color: $uni-border-color;
 95 | 		border-bottom-style: solid;
 96 | 		border-bottom-width: 0.5px;
 97 | 		border-right-color: $uni-border-color;
 98 | 		border-right-style: solid;
 99 | 		border-right-width: 0.5px;
100 | 		/* #endif */
101 | 		/* #ifndef APP-NVUE */
102 | 		z-index: 0;
103 | 		/* #endif */
104 | 	}
105 | 
106 | 	/* #ifndef APP-NVUE */
107 | 	.uni-grid-item--border:after {
108 | 		content: '';
109 | 		position: absolute;
110 | 		bottom: 0;
111 | 		left: 0;
112 | 		top: 0;
113 | 		right: 0;
114 | 		border-bottom-style: solid;
115 | 		border-bottom-width: 1px;
116 | 		border-bottom-color: inherit;
117 | 		border-right-style: solid;
118 | 		border-right-width: 1px;
119 | 		border-right-color: inherit;
120 | 		box-sizing: border-box;
121 | 		width: 200%;
122 | 		height: 200%;
123 | 		transform: scale(0.5);
124 | 		transform-origin: left top;
125 | 		z-index: -1;
126 | 	}
127 | 
128 | 	/* #endif */
129 | 
130 | 	.uni-grid-item--border-top {
131 | 		position: relative;
132 | 		/* #ifdef APP-NVUE */
133 | 		border-top-color: $uni-border-color;
134 | 		border-top-style: solid;
135 | 		border-top-width: 0.5px;
136 | 		/* #endif */
137 | 		/* #ifndef APP-NVUE */
138 | 		height: 100%;
139 | 		box-sizing: border-box;
140 | 		z-index: 0;
141 | 		/* #endif */
142 | 	}
143 | 
144 | 	/* #ifndef APP-NVUE */
145 | 	.uni-grid-item--border-top:after {
146 | 		content: '';
147 | 		position: absolute;
148 | 		bottom: 0;
149 | 		left: 0;
150 | 		top: 0;
151 | 		right: 0;
152 | 		border-top-style: solid;
153 | 		border-top-width: 1px;
154 | 		border-top-color: inherit;
155 | 		box-sizing: border-box;
156 | 		width: 200%;
157 | 		height: 200%;
158 | 		transform: scale(0.5);
159 | 		transform-origin: left top;
160 | 		z-index: -1;
161 | 	}
162 | 
163 | 	/* #endif */
164 | 	.uni-highlight:active {
165 | 		background-color: $uni-bg-color-hover;
166 | 	}
167 | </style>
168 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-grid-item/uni-grid-item.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view v-if="width" :style="'width:'+width+';'+(square?'height:'+width:'')" class="uni-grid-item">
  3 | 		<view :class="{ 'uni-grid-item--border': showBorder,  'uni-grid-item--border-top': showBorder && index < column, 'uni-highlight': highlight }"
  4 | 		 :style="{'border-right-color': borderColor ,'border-bottom-color': borderColor ,'border-top-color': borderColor }"
  5 | 		 class="uni-grid-item__box" @click="_onClick">
  6 | 			<slot />
  7 | 		</view>
  8 | 	</view>
  9 | </template>
 10 | 
 11 | <script>
 12 | 	/**
 13 | 	 * GridItem 宫格
 14 | 	 * @description 宫格组件
 15 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=27
 16 | 	 * @property {Number} index 子组件的唯一标识 ，点击gird会返回当前的标识
 17 | 	 */
 18 | 	export default {
 19 | 		name: 'UniGridItem',
 20 | 		inject: ['grid'],
 21 | 		props: {
 22 | 			index: {
 23 | 				type: Number,
 24 | 				default: 0
 25 | 			}
 26 | 		},
 27 | 		data() {
 28 | 			return {
 29 | 				column: 0,
 30 | 				showBorder: true,
 31 | 				square: true,
 32 | 				highlight: true,
 33 | 				left: 0,
 34 | 				top: 0,
 35 | 				openNum: 2,
 36 | 				width: 0,
 37 | 				borderColor: '#e5e5e5'
 38 | 			}
 39 | 		},
 40 | 		created() {
 41 | 			this.column = this.grid.column
 42 | 			this.showBorder = this.grid.showBorder
 43 | 			this.square = this.grid.square
 44 | 			this.highlight = this.grid.highlight
 45 | 			this.top = this.hor === 0 ? this.grid.hor : this.hor
 46 | 			this.left = this.ver === 0 ? this.grid.ver : this.ver
 47 | 			this.borderColor = this.grid.borderColor
 48 | 			this.grid.children.push(this)
 49 | 			// this.grid.init()
 50 | 			this.width = this.grid.width
 51 | 		},
 52 | 		beforeDestroy() {
 53 | 			this.grid.children.forEach((item, index) => {
 54 | 				if (item === this) {
 55 | 					this.grid.children.splice(index, 1)
 56 | 				}
 57 | 			})
 58 | 		},
 59 | 		methods: {
 60 | 			_onClick() {
 61 | 				this.grid.change({
 62 | 					detail: {
 63 | 						index: this.index
 64 | 					}
 65 | 				})
 66 | 			}
 67 | 		}
 68 | 	}
 69 | </script>
 70 | 
 71 | <style lang="scss" scoped>
 72 | 	.uni-grid-item {
 73 | 		/* #ifndef APP-NVUE */
 74 | 		height: 100%;
 75 | 		display: flex;
 76 | 		/* #endif */
 77 | 	}
 78 | 
 79 | 	.uni-grid-item__box {
 80 | 		/* #ifndef APP-NVUE */
 81 | 		display: flex;
 82 | 		width: 100%;
 83 | 		/* #endif */
 84 | 		position: relative;
 85 | 		flex: 1;
 86 | 		flex-direction: column;
 87 | 		// justify-content: center;
 88 | 		// align-items: center;
 89 | 	}
 90 | 
 91 | 	.uni-grid-item--border {
 92 | 		position: relative;
 93 | 		/* #ifdef APP-NVUE */
 94 | 		border-bottom-color: $uni-border-color;
 95 | 		border-bottom-style: solid;
 96 | 		border-bottom-width: 0.5px;
 97 | 		border-right-color: $uni-border-color;
 98 | 		border-right-style: solid;
 99 | 		border-right-width: 0.5px;
100 | 		/* #endif */
101 | 		/* #ifndef APP-NVUE */
102 | 		z-index: 0;
103 | 		border-bottom: 1px $uni-border-color solid;
104 | 		border-right: 1px $uni-border-color solid;
105 | 		/* #endif */
106 | 	}
107 | 	.uni-grid-item--border-top {
108 | 		position: relative;
109 | 		/* #ifdef APP-NVUE */
110 | 		border-top-color: $uni-border-color;
111 | 		border-top-style: solid;
112 | 		border-top-width: 0.5px;
113 | 		/* #endif */
114 | 		/* #ifndef APP-NVUE */
115 | 		border-top: 1px $uni-border-color solid;
116 | 		z-index: 0;
117 | 		/* #endif */
118 | 	}
119 | 
120 | 
121 | 	.uni-highlight:active {
122 | 		background-color: $uni-bg-color-hover;
123 | 	}
124 | </style>
125 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-grid/uni-grid.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-grid-wrap">
  3 | 		<view :id="elId" ref="uni-grid" class="uni-grid" :class="{ 'uni-grid--border': showBorder }" :style="{ 'border-left-color':borderColor}">
  4 | 			<slot />
  5 | 		</view>
  6 | 	</view>
  7 | </template>
  8 | 
  9 | <script>
 10 | 	// #ifdef APP-NVUE
 11 | 	const dom = uni.requireNativePlugin('dom');
 12 | 	// #endif
 13 | 
 14 | 	/**
 15 | 	 * Grid 宫格
 16 | 	 * @description 宫格组件
 17 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=27
 18 | 	 * @property {Number} column 每列显示个数
 19 | 	 * @property {String} borderColor 边框颜色
 20 | 	 * @property {Boolean} showBorder 是否显示边框
 21 | 	 * @property {Boolean} square 是否方形显示
 22 | 	 * @property {Boolean} Boolean 点击背景是否高亮
 23 | 	 * @event {Function} change 点击 grid 触发，e={detail:{index:0}}，index 为当前点击 gird 下标
 24 | 	 */
 25 | 	export default {
 26 | 		name: 'UniGrid',
 27 | 		props: {
 28 | 			// 每列显示个数
 29 | 			column: {
 30 | 				type: Number,
 31 | 				default: 3
 32 | 			},
 33 | 			// 是否显示边框
 34 | 			showBorder: {
 35 | 				type: Boolean,
 36 | 				default: true
 37 | 			},
 38 | 			// 边框颜色
 39 | 			borderColor: {
 40 | 				type: String,
 41 | 				default: '#e5e5e5'
 42 | 			},
 43 | 			// 是否正方形显示,默认为 true
 44 | 			square: {
 45 | 				type: Boolean,
 46 | 				default: true
 47 | 			},
 48 | 			highlight: {
 49 | 				type: Boolean,
 50 | 				default: true
 51 | 			}
 52 | 		},
 53 | 		provide() {
 54 | 			return {
 55 | 				grid: this
 56 | 			}
 57 | 		},
 58 | 		data() {
 59 | 			const elId = `Uni_${Math.ceil(Math.random() * 10e5).toString(36)}`
 60 | 			return {
 61 | 				elId,
 62 | 				width: 0
 63 | 			}
 64 | 		},
 65 | 		created() {
 66 | 			this.children = []
 67 | 		},
 68 | 		mounted() {
 69 | 			this.$nextTick(()=>{
 70 | 				this.init()
 71 | 			})
 72 | 		},
 73 | 		methods: {
 74 | 			init() {
 75 | 				setTimeout(() => {
 76 | 					this._getSize((width) => {
 77 | 						this.children.forEach((item, index) => {
 78 | 							item.width = width
 79 | 						})
 80 | 					})
 81 | 				}, 50)
 82 | 			},
 83 | 			change(e) {
 84 | 				this.$emit('change', e)
 85 | 			},
 86 | 			_getSize(fn) {
 87 | 				// #ifndef APP-NVUE
 88 | 				uni.createSelectorQuery()
 89 | 					.in(this)
 90 | 					.select(`#${this.elId}`)
 91 | 					.boundingClientRect()
 92 | 					.exec(ret => {
 93 | 						this.width = parseInt((ret[0].width - 1) / this.column) + 'px'
 94 | 						fn(this.width)
 95 | 					})
 96 | 				// #endif
 97 | 				// #ifdef APP-NVUE
 98 | 				dom.getComponentRect(this.$refs['uni-grid'], (ret) => {
 99 | 					this.width = parseInt((ret.size.width - 1) / this.column) + 'px'
100 | 					fn(this.width)
101 | 				})
102 | 				// #endif
103 | 			}
104 | 		}
105 | 	}
106 | </script>
107 | 
108 | <style lang="scss" scoped>
109 | 	.uni-grid-wrap {
110 | 		/* #ifndef APP-NVUE */
111 | 		display: flex;
112 | 		/* #endif */
113 | 		flex: 1;
114 | 		flex-direction: column;
115 | 		/* #ifdef H5 */
116 | 		width: 100%;
117 | 		/* #endif */
118 | 	}
119 | 
120 | 	.uni-grid {
121 | 		/* #ifndef APP-NVUE */
122 | 		display: flex;
123 | 		/* #endif */
124 | 		// flex: 1;
125 | 		flex-direction: row;
126 | 		flex-wrap: wrap;
127 | 	}
128 | 
129 | 	.uni-grid--border {
130 | 		position: relative;
131 | 		/* #ifdef APP-NVUE */
132 | 		border-left-color: $uni-border-color;
133 | 		border-left-style: solid;
134 | 		border-left-width: 0.5px;
135 | 		/* #endif */
136 | 		/* #ifndef APP-NVUE */
137 | 		z-index: 1;
138 | 		border-left: 1px $uni-border-color solid;
139 | 		/* #endif */
140 | 	}
141 | </style>
142 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-icons/icons.js:
--------------------------------------------------------------------------------
  1 | export default {
  2 | 	"pulldown": "\ue588",
  3 | 	"refreshempty": "\ue461",
  4 | 	"back": "\ue471",
  5 | 	"forward": "\ue470",
  6 | 	"more": "\ue507",
  7 | 	"more-filled": "\ue537",
  8 | 	"scan": "\ue612",
  9 | 	"qq": "\ue264",
 10 | 	"weibo": "\ue260",
 11 | 	"weixin": "\ue261",
 12 | 	"pengyouquan": "\ue262",
 13 | 	"loop": "\ue565",
 14 | 	"refresh": "\ue407",
 15 | 	"refresh-filled": "\ue437",
 16 | 	"arrowthindown": "\ue585",
 17 | 	"arrowthinleft": "\ue586",
 18 | 	"arrowthinright": "\ue587",
 19 | 	"arrowthinup": "\ue584",
 20 | 	"undo-filled": "\ue7d6",
 21 | 	"undo": "\ue406",
 22 | 	"redo": "\ue405",
 23 | 	"redo-filled": "\ue7d9",
 24 | 	"bars": "\ue563",
 25 | 	"chatboxes": "\ue203",
 26 | 	"camera": "\ue301",
 27 | 	"chatboxes-filled": "\ue233",
 28 | 	"camera-filled": "\ue7ef",
 29 | 	"cart-filled": "\ue7f4",
 30 | 	"cart": "\ue7f5",
 31 | 	"checkbox-filled": "\ue442",
 32 | 	"checkbox": "\ue7fa",
 33 | 	"arrowleft": "\ue582",
 34 | 	"arrowdown": "\ue581",
 35 | 	"arrowright": "\ue583",
 36 | 	"smallcircle-filled": "\ue801",
 37 | 	"arrowup": "\ue580",
 38 | 	"circle": "\ue411",
 39 | 	"eye-filled": "\ue568",
 40 | 	"eye-slash-filled": "\ue822",
 41 | 	"eye-slash": "\ue823",
 42 | 	"eye": "\ue824",
 43 | 	"flag-filled": "\ue825",
 44 | 	"flag": "\ue508",
 45 | 	"gear-filled": "\ue532",
 46 | 	"reload": "\ue462",
 47 | 	"gear": "\ue502",
 48 | 	"hand-thumbsdown-filled": "\ue83b",
 49 | 	"hand-thumbsdown": "\ue83c",
 50 | 	"hand-thumbsup-filled": "\ue83d",
 51 | 	"heart-filled": "\ue83e",
 52 | 	"hand-thumbsup": "\ue83f",
 53 | 	"heart": "\ue840",
 54 | 	"home": "\ue500",
 55 | 	"info": "\ue504",
 56 | 	"home-filled": "\ue530",
 57 | 	"info-filled": "\ue534",
 58 | 	"circle-filled": "\ue441",
 59 | 	"chat-filled": "\ue847",
 60 | 	"chat": "\ue263",
 61 | 	"mail-open-filled": "\ue84d",
 62 | 	"email-filled": "\ue231",
 63 | 	"mail-open": "\ue84e",
 64 | 	"email": "\ue201",
 65 | 	"checkmarkempty": "\ue472",
 66 | 	"list": "\ue562",
 67 | 	"locked-filled": "\ue856",
 68 | 	"locked": "\ue506",
 69 | 	"map-filled": "\ue85c",
 70 | 	"map-pin": "\ue85e",
 71 | 	"map-pin-ellipse": "\ue864",
 72 | 	"map": "\ue364",
 73 | 	"minus-filled": "\ue440",
 74 | 	"mic-filled": "\ue332",
 75 | 	"minus": "\ue410",
 76 | 	"micoff": "\ue360",
 77 | 	"mic": "\ue302",
 78 | 	"clear": "\ue434",
 79 | 	"smallcircle": "\ue868",
 80 | 	"close": "\ue404",
 81 | 	"closeempty": "\ue460",
 82 | 	"paperclip": "\ue567",
 83 | 	"paperplane": "\ue503",
 84 | 	"paperplane-filled": "\ue86e",
 85 | 	"person-filled": "\ue131",
 86 | 	"contact-filled": "\ue130",
 87 | 	"person": "\ue101",
 88 | 	"contact": "\ue100",
 89 | 	"images-filled": "\ue87a",
 90 | 	"phone": "\ue200",
 91 | 	"images": "\ue87b",
 92 | 	"image": "\ue363",
 93 | 	"image-filled": "\ue877",
 94 | 	"location-filled": "\ue333",
 95 | 	"location": "\ue303",
 96 | 	"plus-filled": "\ue439",
 97 | 	"plus": "\ue409",
 98 | 	"plusempty": "\ue468",
 99 | 	"help-filled": "\ue535",
100 | 	"help": "\ue505",
101 | 	"navigate-filled": "\ue884",
102 | 	"navigate": "\ue501",
103 | 	"mic-slash-filled": "\ue892",
104 | 	"search": "\ue466",
105 | 	"settings": "\ue560",
106 | 	"sound": "\ue590",
107 | 	"sound-filled": "\ue8a1",
108 | 	"spinner-cycle": "\ue465",
109 | 	"download-filled": "\ue8a4",
110 | 	"personadd-filled": "\ue132",
111 | 	"videocam-filled": "\ue8af",
112 | 	"personadd": "\ue102",
113 | 	"upload": "\ue402",
114 | 	"upload-filled": "\ue8b1",
115 | 	"starhalf": "\ue463",
116 | 	"star-filled": "\ue438",
117 | 	"star": "\ue408",
118 | 	"trash": "\ue401",
119 | 	"phone-filled": "\ue230",
120 | 	"compose": "\ue400",
121 | 	"videocam": "\ue300",
122 | 	"trash-filled": "\ue8dc",
123 | 	"download": "\ue403",
124 | 	"chatbubble-filled": "\ue232",
125 | 	"chatbubble": "\ue202",
126 | 	"cloud-download": "\ue8e4",
127 | 	"cloud-upload-filled": "\ue8e5",
128 | 	"cloud-upload": "\ue8e6",
129 | 	"cloud-download-filled": "\ue8e9",
130 | 	"headphones":"\ue8bf",
131 | 	"shop":"\ue609"
132 | }
133 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-icons/uni.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/components/uni-ui/uni-icons/uni.ttf


--------------------------------------------------------------------------------
/components/uni-ui/uni-indexed-list/uni-indexed-list-item.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<view v-if="loaded || list.itemIndex < 15" class="uni-indexed-list__title-wrapper">
  4 | 			<text v-if="list.items && list.items.length > 0" class="uni-indexed-list__title">{{ list.key }}</text>
  5 | 		</view>
  6 | 		<view v-if="(loaded || list.itemIndex < 15) && list.items && list.items.length > 0" class="uni-indexed-list__list">
  7 | 			<view v-for="(item, index) in list.items" :key="index" class="uni-indexed-list__item" hover-class="uni-indexed-list__item--hover">
  8 | 				<view class="uni-indexed-list__item-container" @click="onClick(idx, index)">
  9 | 					<view class="uni-indexed-list__item-border" :class="{'uni-indexed-list__item-border--last':index===list.items.length-1}">
 10 | 						<view v-if="showSelect" style="margin-right: 20rpx;">
 11 | 							<uni-icons :type="item.checked ? 'checkbox-filled' : 'circle'" :color="item.checked ? '#007aff' : '#aaa'" size="24" />
 12 | 						</view>
 13 | 						<text class="uni-indexed-list__item-content">{{ item.name }}</text>
 14 | 					</view>
 15 | 				</view>
 16 | 			</view>
 17 | 		</view>
 18 | 	</view>
 19 | </template>
 20 | 
 21 | <script>
 22 | 	import uniIcons from '../uni-icons/uni-icons.vue'
 23 | 	export default {
 24 | 		name: 'UniIndexedList',
 25 | 		components: {
 26 | 			uniIcons
 27 | 		},
 28 | 		props: {
 29 | 			loaded: {
 30 | 				type: Boolean,
 31 | 				default: false
 32 | 			},
 33 | 			idx: {
 34 | 				type: Number,
 35 | 				default: 0
 36 | 			},
 37 | 			list: {
 38 | 				type: Object,
 39 | 				default () {
 40 | 					return {}
 41 | 				}
 42 | 			},
 43 | 			showSelect: {
 44 | 				type: Boolean,
 45 | 				default: false
 46 | 			}
 47 | 		},
 48 | 		methods: {
 49 | 			onClick(idx, index) {
 50 | 				this.$emit("itemClick", {
 51 | 					idx,
 52 | 					index
 53 | 				})
 54 | 			}
 55 | 		}
 56 | 	}
 57 | </script>
 58 | 
 59 | <style lang="scss" scoped>
 60 | 	.uni-indexed-list__list {
 61 | 		background-color: $uni-bg-color;
 62 | 		/* #ifndef APP-NVUE */
 63 | 		display: flex;
 64 | 		/* #endif */
 65 | 		flex-direction: column;
 66 | 		border-top-style: solid;
 67 | 		border-top-width: 1px;
 68 | 		border-top-color: $uni-border-color;
 69 | 	}
 70 | 
 71 | 	.uni-indexed-list__item {
 72 | 		font-size: $uni-font-size-lg;
 73 | 		/* #ifndef APP-NVUE */
 74 | 		display: flex;
 75 | 		/* #endif */
 76 | 		flex: 1;
 77 | 		flex-direction: row;
 78 | 		justify-content: space-between;
 79 | 		align-items: center;
 80 | 	}
 81 | 
 82 | 	.uni-indexed-list__item-container {
 83 | 		padding-left: $uni-spacing-row-lg;
 84 | 		flex: 1;
 85 | 		position: relative;
 86 | 		/* #ifndef APP-NVUE */
 87 | 		display: flex;
 88 | 		box-sizing: border-box;
 89 | 		/* #endif */
 90 | 		flex-direction: row;
 91 | 		justify-content: space-between;
 92 | 		align-items: center;
 93 | 	}
 94 | 
 95 | 	.uni-indexed-list__item-border {
 96 | 		flex: 1;
 97 | 		position: relative;
 98 | 		/* #ifndef APP-NVUE */
 99 | 		display: flex;
100 | 		box-sizing: border-box;
101 | 		/* #endif */
102 | 		flex-direction: row;
103 | 		justify-content: space-between;
104 | 		align-items: center;
105 | 		height: 50px;
106 | 		padding: $uni-spacing-row-lg;
107 | 		padding-left: 0;
108 | 		border-bottom-style: solid;
109 | 		border-bottom-width: 1px;
110 | 		border-bottom-color: $uni-border-color;
111 | 	}
112 | 
113 | 	.uni-indexed-list__item-border--last {
114 | 		border-bottom-width: 0px;
115 | 	}
116 | 
117 | 	.uni-indexed-list__item-content {
118 | 		flex: 1;
119 | 		font-size: 14px;
120 | 	}
121 | 
122 | 	.uni-indexed-list {
123 | 		/* #ifndef APP-NVUE */
124 | 		display: flex;
125 | 		/* #endif */
126 | 		flex-direction: row;
127 | 	}
128 | 
129 | 	.uni-indexed-list__title-wrapper {
130 | 		/* #ifndef APP-NVUE */
131 | 		display: flex;
132 | 		width: 100%;
133 | 		/* #endif */
134 | 		background-color: #f7f7f7;
135 | 	}
136 | 
137 | 	.uni-indexed-list__title {
138 | 		padding: 6px 12px;
139 | 		line-height: 24px;
140 | 		font-size: $uni-font-size-sm;
141 | 	}
142 | </style>
143 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-link/uni-link.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<text class="uni-link" :class="{'uni-link--withline':showUnderLine===true||showUnderLine==='true'}" :style="{color,fontSize:fontSize+'px'}"
 3 | 	 @click="openURL">{{text}}</text>
 4 | </template>
 5 | 
 6 | <script>
 7 | 	/**
 8 | 	 * Link 外部网页超链接组件
 9 | 	 * @description uni-link是一个外部网页超链接组件，在小程序内复制url，在app内打开外部浏览器，在h5端打开新网页
10 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=1182
11 | 	 * @property {String} href 点击后打开的外部网页url
12 | 	 * @property {String} text 显示的文字
13 | 	 * @property {Boolean} showUnderLine 是否显示下划线
14 | 	 * @property {String} copyTips 在小程序端复制链接时显示的提示语
15 | 	 * @property {String} color 链接文字颜色
16 | 	 * @property {String} fontSize 链接文字大小
17 | 	 * @example * <uni-link href="https://ext.dcloud.net.cn" text="https://ext.dcloud.net.cn"></uni-link>
18 | 	 */
19 | 	export default {
20 | 		name: 'uniLink',
21 | 		props: {
22 | 			href: {
23 | 				type: String,
24 | 				default: ''
25 | 			},
26 | 			text: {
27 | 				type: String,
28 | 				default: ''
29 | 			},
30 | 			showUnderLine: {
31 | 				type: [Boolean, String],
32 | 				default: true
33 | 			},
34 | 			copyTips: {
35 | 				type: String,
36 | 				default: '已自动复制网址，请在手机浏览器里粘贴该网址'
37 | 			},
38 | 			color: {
39 | 				type: String,
40 | 				default: '#999999'
41 | 			},
42 | 			fontSize: {
43 | 				type: [Number, String],
44 | 				default: 14
45 | 			}
46 | 		},
47 | 		methods: {
48 | 			openURL() {
49 | 				// #ifdef APP-PLUS
50 | 				plus.runtime.openURL(this.href)
51 | 				// #endif
52 | 				// #ifdef H5
53 | 				window.open(this.href)
54 | 				// #endif
55 | 				// #ifdef MP
56 | 				uni.setClipboardData({
57 | 					data: this.href
58 | 				});
59 | 				uni.showModal({
60 | 					content: this.copyTips,
61 | 					showCancel: false
62 | 				});
63 | 				// #endif
64 | 			}
65 | 		}
66 | 	}
67 | </script>
68 | 
69 | <style>
70 | 	.uni-link--withline {
71 | 		text-decoration: underline;
72 | 	}
73 | </style>
74 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-list-ad/uni-list-ad.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<!-- #ifdef APP-NVUE -->
 3 | 	<cell>
 4 | 		<!-- #endif -->
 5 | 		<view class="uni-list-ad">
 6 | 			<view v-if="borderShow" :class="{'uni-list--border':border,'uni-list-item--first':isFirstChild}"></view>
 7 | 			<ad style="width: 200px;height: 300px;border-width: 1px;border-color: red;border-style: solid;" adpid="1111111111" unit-id="" appid="" apid="" type="feed" @error="aderror" @close="closeAd"></ad>
 8 | 		</view>
 9 | 		<!-- #ifdef APP-NVUE -->
10 | 	</cell>
11 | 	<!-- #endif -->
12 | 
13 | </template>
14 | 
15 | <script>
16 | 	// #ifdef APP-NVUE
17 | 	const dom = uni.requireNativePlugin('dom');
18 | 	// #endif
19 | 	export default {
20 | 		name: 'UniListAd',
21 | 		props: {
22 | 			title: {
23 | 				type: String,
24 | 				default: '',
25 | 
26 | 			}
27 | 		},
28 | 		inject: ['list'],
29 | 		data() {
30 | 			return {
31 | 				isFirstChild: false,
32 | 				border: false,
33 | 				borderShow: true,
34 | 			}
35 | 		},
36 | 
37 | 		mounted() {
38 | 			if (!this.list.firstChildAppend) {
39 | 				this.list.firstChildAppend = true
40 | 				this.isFirstChild = true
41 | 			}
42 | 			this.border = this.list.border
43 | 		},
44 | 		methods: {
45 | 			aderror(e) {
46 | 				console.log("aderror: " + JSON.stringify(e.detail));
47 | 			},
48 | 			closeAd(e) {
49 | 				this.borderShow = false
50 | 			}
51 | 		}
52 | 	}
53 | </script>
54 | 
55 | <style lang="scss" scoped>
56 | 	.uni-list-ad {
57 | 		position: relative;
58 | 		border: 1px red solid;
59 | 	}
60 | 
61 | 	.uni-list--border {
62 | 		position: relative;
63 | 		padding-bottom: 1px;
64 | 		/* #ifdef APP-PLUS */
65 | 		border-top-color: $uni-border-color;
66 | 		border-top-style: solid;
67 | 		border-top-width: 0.5px;
68 | 		/* #endif */
69 | 		margin-left: $uni-spacing-row-lg;
70 | 	}
71 | 
72 | 	/* #ifndef APP-NVUE */
73 | 	.uni-list--border:after {
74 | 		position: absolute;
75 | 		top: 0;
76 | 		right: 0;
77 | 		left: 0;
78 | 		height: 1px;
79 | 		content: '';
80 | 		-webkit-transform: scaleY(.5);
81 | 		transform: scaleY(.5);
82 | 		background-color: $uni-border-color;
83 | 	}
84 | 
85 | 	.uni-list-item--first:after {
86 | 		height: 0px;
87 | 	}
88 | 
89 | 	/* #endif */
90 | </style>
91 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-list-chat/uni-list-chat.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 这里是 uni-list 组件内置的常用样式变量
 3 |  * 如果需要覆盖样式，这里提供了基本的组件样式变量，您可以尝试修改这里的变量，去完成样式替换，而不用去修改源码
 4 |  *
 5 |  */
 6 | 
 7 | // 背景色
 8 | $background-color : #fff;
 9 | // 分割线颜色
10 | $divide-line-color : #e5e5e5;
11 | 
12 | // 默认头像大小，如需要修改此值，注意同步修改 js 中的值 const avatarWidth = xx ，目前只支持方形头像
13 | // nvue 页面不支持修改头像大小
14 | $avatar-width : 45px ;
15 | 
16 | // 头像边框
17 | $avatar-border-radius: 5px;
18 | $avatar-border-color: #eee;
19 | $avatar-border-width: 1px;
20 | 
21 | // 标题文字样式
22 | $title-size : 16px;
23 | $title-color : #3b4144;
24 | $title-weight : normal;
25 | 
26 | // 描述文字样式
27 | $note-size : 12px;
28 | $note-color : #999;
29 | $note-weight : normal;
30 | 
31 | // 右侧额外内容默认样式
32 | $right-text-size : 12px;
33 | $right-text-color : #999;
34 | $right-text-weight : normal;
35 | 
36 | // 角标样式
37 | // nvue 页面不支持修改圆点位置以及大小
38 | // 角标在左侧时，角标的位置，默认为 0 ，负数左/下移动，正数右/上移动
39 | $badge-left: 0px;
40 | $badge-top: 0px;
41 | 
42 | // 显示圆点时，圆点大小
43 | $dot-width: 10px;
44 | $dot-height: 10px;
45 | 
46 | // 显示角标时，角标大小和字体大小
47 | $badge-size : 18px;
48 | $badge-font : 12px;
49 | // 显示角标时，角标前景色
50 | $badge-color : #fff;
51 | // 显示角标时，角标背景色
52 | $badge-background-color : #ff5a5f;
53 | // 显示角标时，角标左右间距
54 | $badge-space : 6px;
55 | 
56 | // 状态样式
57 | // 选中颜色
58 | $hover : #f5f5f5;
59 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-list/uni-list.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<!-- #ifndef APP-NVUE -->
  3 | 	<view class="uni-list uni-border-top-bottom">
  4 | 		<view v-if="border" class="uni-list--border-top"></view>
  5 | 		<slot />
  6 | 		<view v-if="border" class="uni-list--border-bottom"></view>
  7 | 	</view>
  8 | 	<!-- #endif -->
  9 | 	<!-- #ifdef APP-NVUE -->
 10 | 	<list class="uni-list" :class="{ 'uni-list--border': border }" :enableBackToTop="enableBackToTop" loadmoreoffset="15"><slot /></list>
 11 | 	<!-- #endif -->
 12 | </template>
 13 | 
 14 | <script>
 15 | /**
 16 |  * List 列表
 17 |  * @description 列表组件
 18 |  * @tutorial https://ext.dcloud.net.cn/plugin?id=24
 19 |  * @property {String} 	border = [true|false] 		标题
 20 |  */
 21 | export default {
 22 | 	name: 'UniList',
 23 | 	'mp-weixin': {
 24 | 		options: {
 25 | 			multipleSlots: false
 26 | 		}
 27 | 	},
 28 | 	props: {
 29 | 		enableBackToTop: {
 30 | 			type: [Boolean, String],
 31 | 			default: false
 32 | 		},
 33 | 		scrollY: {
 34 | 			type: [Boolean, String],
 35 | 			default: false
 36 | 		},
 37 | 		border: {
 38 | 			type: Boolean,
 39 | 			default: true
 40 | 		}
 41 | 	},
 42 | 	provide() {
 43 | 		return {
 44 | 			list: this
 45 | 		};
 46 | 	},
 47 | 	created() {
 48 | 		this.firstChildAppend = false;
 49 | 	},
 50 | 	methods: {
 51 | 		loadMore(e) {
 52 | 			this.$emit('scrolltolower');
 53 | 		}
 54 | 	}
 55 | };
 56 | </script>
 57 | <style lang="scss">
 58 | .uni-list {
 59 | 	/* #ifndef APP-NVUE */
 60 | 	display: flex;
 61 | 	/* #endif */
 62 | 	background-color: $uni-bg-color;
 63 | 	position: relative;
 64 | 	flex-direction: column;
 65 | }
 66 | 
 67 | .uni-list--border {
 68 | 	position: relative;
 69 | 	/* #ifdef APP-NVUE */
 70 | 	border-top-color: $uni-border-color;
 71 | 	border-top-style: solid;
 72 | 	border-top-width: 0.5px;
 73 | 	border-bottom-color: $uni-border-color;
 74 | 	border-bottom-style: solid;
 75 | 	border-bottom-width: 0.5px;
 76 | 	/* #endif */
 77 | 	z-index: -1;
 78 | }
 79 | 
 80 | /* #ifndef APP-NVUE */
 81 | 
 82 | .uni-list--border-top {
 83 | 	position: absolute;
 84 | 	top: 0;
 85 | 	right: 0;
 86 | 	left: 0;
 87 | 	height: 1px;
 88 | 	-webkit-transform: scaleY(0.5);
 89 | 	transform: scaleY(0.5);
 90 | 	background-color: $uni-border-color;
 91 | 	z-index: 1;
 92 | }
 93 | 
 94 | .uni-list--border-bottom {
 95 | 	position: absolute;
 96 | 	bottom: 0;
 97 | 	right: 0;
 98 | 	left: 0;
 99 | 	height: 1px;
100 | 	-webkit-transform: scaleY(0.5);
101 | 	transform: scaleY(0.5);
102 | 	background-color: $uni-border-color;
103 | }
104 | 
105 | /* #endif */
106 | </style>
107 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-list/uni-refresh.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <!-- #ifdef APP-NVUE -->
 3 |     <refresh :display="display" @refresh="onrefresh" @pullingdown="onpullingdown">
 4 |         <slot />
 5 |     </refresh>
 6 |     <!-- #endif -->
 7 |     <!-- #ifndef APP-NVUE -->
 8 |     <view ref="uni-refresh" class="uni-refresh" v-show="isShow">
 9 |         <slot />
10 |     </view>
11 |     <!-- #endif -->
12 | </template>
13 | 
14 | <script>
15 |     export default {
16 |         name: 'UniRefresh',
17 |         props: {
18 |             display: {
19 |                 type: [String],
20 |                 default: "hide"
21 |             }
22 |         },
23 |         data() {
24 |             return {
25 |                 pulling: false
26 |             }
27 |         },
28 |         computed: {
29 |             isShow() {
30 |                 if (this.display === "show" || this.pulling === true) {
31 |                     return true;
32 |                 }
33 |                 return false;
34 |             }
35 |         },
36 |         created() {},
37 |         methods: {
38 |             onchange(value) {
39 |                 this.pulling = value;
40 |             },
41 |             onrefresh(e) {
42 |                 this.$emit("refresh", e);
43 |             },
44 |             onpullingdown(e) {
45 |                 // #ifdef APP-NVUE
46 |                 this.$emit("pullingdown", e);
47 |                 // #endif
48 |                 // #ifndef APP-NVUE
49 |                 var detail = {
50 |                     viewHeight: 90,
51 |                     pullingDistance: e.height
52 |                 }
53 |                 this.$emit("pullingdown", detail);
54 |                 // #endif
55 |             }
56 |         }
57 |     }
58 | </script>
59 | 
60 | <style>
61 |     .uni-refresh {
62 |         height: 0;
63 |         overflow: hidden;
64 |     }
65 | </style>
66 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-list/uni-refresh.wxs:
--------------------------------------------------------------------------------
 1 | var pullDown = {
 2 |     threshold: 95,
 3 |     maxHeight: 200,
 4 |     callRefresh: 'onrefresh',
 5 |     callPullingDown: 'onpullingdown',
 6 |     refreshSelector: '.uni-refresh'
 7 | };
 8 | 
 9 | function ready(newValue, oldValue, ownerInstance, instance) {
10 |     var state = instance.getState()
11 |     state.canPullDown = newValue;
12 |     // console.log(newValue);
13 | }
14 | 
15 | function touchStart(e, instance) {
16 |     var state = instance.getState();
17 |     state.refreshInstance = instance.selectComponent(pullDown.refreshSelector);
18 |     state.canPullDown = (state.refreshInstance != null && state.refreshInstance != undefined);
19 |     if (!state.canPullDown) {
20 |         return
21 |     }
22 | 
23 |     // console.log("touchStart");
24 | 
25 |     state.height = 0;
26 |     state.touchStartY = e.touches[0].pageY || e.changedTouches[0].pageY;
27 |     state.refreshInstance.setStyle({
28 |         'height': 0
29 |     });
30 |     state.refreshInstance.callMethod("onchange", true);
31 | }
32 | 
33 | function touchMove(e, ownerInstance) {
34 |     var instance = e.instance;
35 |     var state = instance.getState();
36 |     if (!state.canPullDown) {
37 |         return
38 |     }
39 | 
40 |     var oldHeight = state.height;
41 |     var endY = e.touches[0].pageY || e.changedTouches[0].pageY;
42 |     var height = endY - state.touchStartY;
43 |     if (height > pullDown.maxHeight) {
44 |         return;
45 |     }
46 | 
47 |     var refreshInstance = state.refreshInstance;
48 |     refreshInstance.setStyle({
49 |         'height': height + 'px'
50 |     });
51 | 
52 |     height = height < pullDown.maxHeight ? height : pullDown.maxHeight;
53 |     state.height = height;
54 |     refreshInstance.callMethod(pullDown.callPullingDown, {
55 |         height: height
56 |     });
57 | }
58 | 
59 | function touchEnd(e, ownerInstance) {
60 |     var state = e.instance.getState();
61 |     if (!state.canPullDown) {
62 |         return
63 |     }
64 | 
65 |     state.refreshInstance.callMethod("onchange", false);
66 | 
67 |     var refreshInstance = state.refreshInstance;
68 |     if (state.height > pullDown.threshold) {
69 |         refreshInstance.callMethod(pullDown.callRefresh);
70 |         return;
71 |     }
72 | 
73 |     refreshInstance.setStyle({
74 |         'height': 0
75 |     });
76 | }
77 | 
78 | function propObserver(newValue, oldValue, instance) {
79 |     pullDown = newValue;
80 | }
81 | 
82 | module.exports = {
83 |     touchmove: touchMove,
84 |     touchstart: touchStart,
85 |     touchend: touchEnd,
86 |     propObserver: propObserver
87 | }
88 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-number-box/uni-number-box.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-numbox">
  3 | 		<view @click="_calcValue('minus')" class="uni-numbox__minus">
  4 | 			<text class="uni-numbox--text" :class="{ 'uni-numbox--disabled': inputValue <= min || disabled }">-</text>
  5 | 		</view>
  6 | 		<input :disabled="disabled" @blur="_onBlur" class="uni-numbox__value" type="number" v-model="inputValue" />
  7 | 		<view @click="_calcValue('plus')" class="uni-numbox__plus">
  8 | 			<text class="uni-numbox--text" :class="{ 'uni-numbox--disabled': inputValue >= max || disabled }">+</text>
  9 | 		</view>
 10 | 	</view>
 11 | </template>
 12 | <script>
 13 | 
 14 | 	/**
 15 | 	 * NumberBox 数字输入框
 16 | 	 * @description 带加减按钮的数字输入框
 17 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=31
 18 | 	 * @property {Number} value 输入框当前值
 19 | 	 * @property {Number} min 最小值
 20 | 	 * @property {Number} max 最大值
 21 | 	 * @property {Number} step 每次点击改变的间隔大小
 22 | 	 * @property {Boolean} disabled = [true|false] 是否为禁用状态
 23 | 	 * @event {Function} change 输入框值改变时触发的事件，参数为输入框当前的 value
 24 | 	 */
 25 | 
 26 | 	export default {
 27 | 		name: "UniNumberBox",
 28 | 		props: {
 29 | 			value: {
 30 | 				type: [Number, String],
 31 | 				default: 1
 32 | 			},
 33 | 			min: {
 34 | 				type: Number,
 35 | 				default: 0
 36 | 			},
 37 | 			max: {
 38 | 				type: Number,
 39 | 				default: 100
 40 | 			},
 41 | 			step: {
 42 | 				type: Number,
 43 | 				default: 1
 44 | 			},
 45 | 			disabled: {
 46 | 				type: Boolean,
 47 | 				default: false
 48 | 			}
 49 | 		},
 50 | 		data() {
 51 | 			return {
 52 | 				inputValue: 0
 53 | 			};
 54 | 		},
 55 | 		watch: {
 56 | 			value(val) {
 57 | 				this.inputValue = +val;
 58 | 			},
 59 | 			inputValue(newVal, oldVal) {
 60 | 				if (+newVal !== +oldVal) {
 61 | 					this.$emit("change", newVal);
 62 | 				}
 63 | 			}
 64 | 		},
 65 | 		created() {
 66 | 			this.inputValue = +this.value;
 67 | 		},
 68 | 		methods: {
 69 | 			_calcValue(type) {
 70 | 				if (this.disabled) {
 71 | 					return;
 72 | 				}
 73 | 				const scale = this._getDecimalScale();
 74 | 				let value = this.inputValue * scale;
 75 | 				let step = this.step * scale;
 76 | 				if (type === "minus") {
 77 | 					value -= step;
 78 | 					if (value < (this.min * scale)) {
 79 | 						return;
 80 | 					}
 81 | 					if (value > (this.max * scale)) {
 82 | 						value = this.max * scale
 83 | 					}
 84 | 				} else if (type === "plus") {
 85 | 					value += step;
 86 | 					if (value > (this.max * scale)) {
 87 | 						return;
 88 | 					}
 89 | 					if (value < (this.min * scale)) {
 90 | 						value = this.min * scale
 91 | 					}
 92 | 				}
 93 | 
 94 | 				this.inputValue = String(value / scale);
 95 | 			},
 96 | 			_getDecimalScale() {
 97 | 				let scale = 1;
 98 | 				// 浮点型
 99 | 				if (~~this.step !== this.step) {
100 | 					scale = Math.pow(10, (this.step + "").split(".")[1].length);
101 | 				}
102 | 				return scale;
103 | 			},
104 | 			_onBlur(event) {
105 | 				let value = event.detail.value;
106 | 				if (!value) {
107 | 					// this.inputValue = 0;
108 | 					return;
109 | 				}
110 | 				value = +value;
111 | 				if (value > this.max) {
112 | 					value = this.max;
113 | 				} else if (value < this.min) {
114 | 					value = this.min;
115 | 				}
116 | 				this.inputValue = value;
117 | 			}
118 | 		}
119 | 	};
120 | </script>
121 | <style lang="scss" scoped>
122 | 	$box-height: 35px;
123 | 	/* #ifdef APP-NVUE */
124 | 	$box-line-height: 35px;
125 | 	/* #endif */
126 | 	$box-line-height: 26px;
127 | 	$box-width: 35px;
128 | 
129 | 	.uni-numbox {
130 | 		/* #ifndef APP-NVUE */
131 | 		display: flex;
132 | 		/* #endif */
133 | 		flex-direction: row;
134 | 		height: $box-height;
135 | 		line-height: $box-height;
136 | 		width: 120px;
137 | 	}
138 | 
139 | 	.uni-numbox__value {
140 | 		background-color: $uni-bg-color;
141 | 		width: 40px;
142 | 		height: $box-height;
143 | 		text-align: center;
144 | 		font-size: $uni-font-size-lg;
145 | 		border-width: 1rpx;
146 | 		border-style: solid;
147 | 		border-color: $uni-border-color;
148 | 		border-left-width: 0;
149 | 		border-right-width: 0;
150 | 	}
151 | 
152 | 	.uni-numbox__minus {
153 | 		/* #ifndef APP-NVUE */
154 | 		display: flex;
155 | 		/* #endif */
156 | 		flex-direction: row;
157 | 		align-items: center;
158 | 		justify-content: center;
159 | 		width: $box-width;
160 | 		height: $box-height;
161 | 		// line-height: $box-line-height;
162 | 		// text-align: center;
163 | 		font-size: 20px;
164 | 		color: $uni-text-color;
165 | 		background-color: $uni-bg-color-grey;
166 | 		border-width: 1rpx;
167 | 		border-style: solid;
168 | 		border-color: $uni-border-color;
169 | 		border-top-left-radius: $uni-border-radius-base;
170 | 		border-bottom-left-radius: $uni-border-radius-base;
171 | 		border-right-width: 0;
172 | 	}
173 | 
174 | 	.uni-numbox__plus {
175 | 		/* #ifndef APP-NVUE */
176 | 		display: flex;
177 | 		/* #endif */
178 | 		flex-direction: row;
179 | 		align-items: center;
180 | 		justify-content: center;
181 | 		width: $box-width;
182 | 		height: $box-height;
183 | 		border-width: 1rpx;
184 | 		border-style: solid;
185 | 		border-color: $uni-border-color;
186 | 		border-top-right-radius: $uni-border-radius-base;
187 | 		border-bottom-right-radius: $uni-border-radius-base;
188 | 		background-color: $uni-bg-color-grey;
189 | 		border-left-width: 0;
190 | 	}
191 | 
192 | 	.uni-numbox--text {
193 | 		font-size: 40rpx;
194 | 		color: $uni-text-color;
195 | 	}
196 | 
197 | 	.uni-numbox--disabled {
198 | 		color: $uni-text-color-disable;
199 | 	}
200 | </style>
201 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-popup-message/uni-popup-message.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-popup-message" :class="'uni-popup__'+[type]">
  3 | 		<text class="uni-popup-message-text" :class="'uni-popup__'+[type]+'-text'">{{message}}</text>
  4 | 	</view>
  5 | </template>
  6 | 
  7 | <script>
  8 | 	
  9 | 	/**
 10 | 	 * PopUp 弹出层-消息提示
 11 | 	 * @description 弹出层-消息提示
 12 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=329
 13 | 	 * @property {String} type = [success|warning|info|error] 主题样式
 14 | 	 *  @value success 成功
 15 | 	 * 	@value warning 提示
 16 | 	 * 	@value info 消息
 17 | 	 * 	@value error 错误
 18 | 	 * @property {String} message 消息提示文字
 19 | 	 * @property {String} duration 显示时间，设置为 0 则不会自动关闭
 20 | 	 */
 21 | 	
 22 | 	export default {
 23 | 		name: 'UniPopupMessage',
 24 | 		props: {
 25 | 			/**
 26 | 			 * 主题 success/warning/info/error	  默认 success
 27 | 			 */
 28 | 			type: {
 29 | 				type: String,
 30 | 				default: 'success'
 31 | 			},
 32 | 			/**
 33 | 			 * 消息文字
 34 | 			 */
 35 | 			message: {
 36 | 				type: String,
 37 | 				default: ''
 38 | 			},
 39 | 			/**
 40 | 			 * 显示时间，设置为 0 则不会自动关闭
 41 | 			 */
 42 | 			duration: {
 43 | 				type: Number,
 44 | 				default: 3000
 45 | 			}
 46 | 		},
 47 | 		inject: ['popup'],
 48 | 		data() {
 49 | 			return {}
 50 | 		},
 51 | 		created() {
 52 | 			this.popup.childrenMsg = this
 53 | 		},
 54 | 		methods: {
 55 | 			open() {
 56 | 				if (this.duration === 0) return
 57 | 				clearTimeout(this.popuptimer)
 58 | 				this.popuptimer = setTimeout(() => {
 59 | 					this.popup.close()
 60 | 				}, this.duration)
 61 | 			},
 62 | 			close() {
 63 | 				clearTimeout(this.popuptimer)
 64 | 			}
 65 | 		}
 66 | 	}
 67 | </script>
 68 | <style lang="scss" scoped>
 69 | 	.uni-popup-message {
 70 | 		/* #ifndef APP-NVUE */
 71 | 		display: flex;
 72 | 		/* #endif */
 73 | 		flex-direction: row;
 74 | 		background-color: #e1f3d8;
 75 | 		padding: 10px 15px;
 76 | 		border-color: #eee;
 77 | 		border-style: solid;
 78 | 		border-width: 1px;
 79 | 	}
 80 | 	.uni-popup-message-text {
 81 | 		font-size: 14px;
 82 | 		padding: 0;
 83 | 	}
 84 | 
 85 | 	.uni-popup__success {
 86 | 		background-color: #e1f3d8;
 87 | 	}
 88 | 
 89 | 	.uni-popup__success-text {
 90 | 		color: #67C23A;
 91 | 	}
 92 | 
 93 | 	.uni-popup__warn {
 94 | 		background-color: #faecd8;
 95 | 	}
 96 | 
 97 | 	.uni-popup__warn-text {
 98 | 		color: #E6A23C;
 99 | 	}
100 | 
101 | 	.uni-popup__error {
102 | 		background-color: #fde2e2;
103 | 	}
104 | 
105 | 	.uni-popup__error-text {
106 | 		color: #F56C6C;
107 | 	}
108 | 
109 | 	.uni-popup__info {
110 | 		background-color: #F2F6FC;
111 | 	}
112 | 
113 | 	.uni-popup__info-text {
114 | 		color: #909399;
115 | 	}
116 | </style>
117 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-popup-share/uni-popup-share.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-popup-share">
  3 | 		<view class="uni-share-title"><text class="uni-share-title-text">{{title}}</text></view>
  4 | 		<view class="uni-share-content">
  5 | 			<view class="uni-share-content-box">
  6 | 				<view class="uni-share-content-item" v-for="(item,index) in bottomData" :key="index" @click.stop="select(item,index)">
  7 | 					<image class="uni-share-image" :src="item.icon" mode="aspectFill"></image>
  8 | 					<text class="uni-share-text">{{item.text}}</text>
  9 | 				</view>
 10 | 
 11 | 			</view>
 12 | 		</view>
 13 | 		<view class="uni-share-button-box">
 14 | 			<button class="uni-share-button" @click="close">取消</button>
 15 | 		</view>
 16 | 	</view>
 17 | </template>
 18 | 
 19 | <script>
 20 | 	export default {
 21 | 		name: 'UniPopupShare',
 22 | 		props: {
 23 | 			title: {
 24 | 				type: String,
 25 | 				default: '分享到'
 26 | 			}
 27 | 		},
 28 | 		inject: ['popup'],
 29 | 		data() {
 30 | 			return {
 31 | 				bottomData: [{
 32 | 						text: '微信',
 33 | 						icon: 'https://img-cdn-qiniu.dcloud.net.cn/uni-ui/grid-2.png',
 34 | 						name: 'wx'
 35 | 					},
 36 | 					{
 37 | 						text: '支付宝',
 38 | 						icon: 'https://img-cdn-qiniu.dcloud.net.cn/uni-ui/grid-8.png',
 39 | 						name: 'wx'
 40 | 					},
 41 | 					{
 42 | 						text: 'QQ',
 43 | 						icon: 'https://img-cdn-qiniu.dcloud.net.cn/uni-ui/gird-3.png',
 44 | 						name: 'qq'
 45 | 					},
 46 | 					{
 47 | 						text: '新浪',
 48 | 						icon: 'https://img-cdn-qiniu.dcloud.net.cn/uni-ui/grid-1.png',
 49 | 						name: 'sina'
 50 | 					},
 51 | 					{
 52 | 						text: '百度',
 53 | 						icon: 'https://img-cdn-qiniu.dcloud.net.cn/uni-ui/grid-7.png',
 54 | 						name: 'copy'
 55 | 					},
 56 | 					{
 57 | 						text: '其他',
 58 | 						icon: 'https://img-cdn-qiniu.dcloud.net.cn/uni-ui/grid-5.png',
 59 | 						name: 'more'
 60 | 					}
 61 | 				]
 62 | 			}
 63 | 		},
 64 | 		created() {},
 65 | 		methods: {
 66 | 			/**
 67 | 			 * 选择内容
 68 | 			 */
 69 | 			select(item, index) {
 70 | 				this.$emit('select', {
 71 | 					item,
 72 | 					index
 73 | 				}, () => {
 74 | 					this.popup.close()
 75 | 				})
 76 | 			},
 77 | 			/**
 78 | 			 * 关闭窗口
 79 | 			 */
 80 | 			close() {
 81 | 				this.popup.close()
 82 | 			}
 83 | 		}
 84 | 	}
 85 | </script>
 86 | <style lang="scss" scoped>
 87 | 	.uni-popup-share {
 88 | 		background-color: #fff;
 89 | 	}
 90 | 	.uni-share-title {
 91 | 		/* #ifndef APP-NVUE */
 92 | 		display: flex;
 93 | 		/* #endif */
 94 | 		flex-direction: row;
 95 | 		align-items: center;
 96 | 		justify-content: center;
 97 | 		height: 40px;
 98 | 	}
 99 | 	.uni-share-title-text {
100 | 		font-size: 14px;
101 | 		color: #666;
102 | 	}
103 | 	.uni-share-content {
104 | 		/* #ifndef APP-NVUE */
105 | 		display: flex;
106 | 		/* #endif */
107 | 		flex-direction: row;
108 | 		justify-content: center;
109 | 		padding-top: 10px;
110 | 	}
111 | 	
112 | 	.uni-share-content-box {
113 | 		/* #ifndef APP-NVUE */
114 | 		display: flex;
115 | 		/* #endif */
116 | 		flex-direction: row;
117 | 		flex-wrap: wrap;
118 | 		width: 360px;
119 | 	}
120 | 	
121 | 	.uni-share-content-item {
122 | 		width: 90px;
123 | 		/* #ifndef APP-NVUE */
124 | 		display: flex;
125 | 		/* #endif */
126 | 		flex-direction: column;
127 | 		justify-content: center;
128 | 		padding: 10px 0;
129 | 		align-items: center;
130 | 	}
131 | 	
132 | 	.uni-share-content-item:active {
133 | 		background-color: #f5f5f5;
134 | 	}
135 | 	
136 | 	.uni-share-image {
137 | 		width: 30px;
138 | 		height: 30px;
139 | 	}
140 | 	
141 | 	.uni-share-text {
142 | 		margin-top: 10px;
143 | 		font-size: 14px;
144 | 		color: #3B4144;
145 | 	}
146 | 	
147 | 	.uni-share-button-box {
148 | 		/* #ifndef APP-NVUE */
149 | 		display: flex;
150 | 		/* #endif */
151 | 		flex-direction: row;
152 | 		padding: 10px 15px;
153 | 	}
154 | 	
155 | 	.uni-share-button {
156 | 		flex: 1;
157 | 		border-radius: 50px;
158 | 		color: #666;
159 | 		font-size: 16px;
160 | 	}
161 | 	
162 | 	.uni-share-button::after {
163 | 		border-radius: 50px;
164 | 	}
165 | </style>
166 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-popup/message.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 | 	created() {
 3 | 		if (this.type === 'message') {
 4 | 			// 不显示遮罩
 5 | 			this.maskShow = false 
 6 | 			// 获取子组件对象
 7 | 			this.childrenMsg = null
 8 | 		}
 9 | 	},
10 | 	methods: {
11 | 		customOpen() {
12 | 			if (this.childrenMsg) {
13 | 				this.childrenMsg.open()
14 | 			}
15 | 		},
16 | 		customClose() {
17 | 			if (this.childrenMsg) {
18 | 				this.childrenMsg.close()
19 | 			}
20 | 		}
21 | 	}
22 | }
23 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-popup/popup.js:
--------------------------------------------------------------------------------
 1 | import message from './message.js';
 2 | // 定义 type 类型:弹出类型：top/bottom/center
 3 | const config = {
 4 | 	// 顶部弹出
 5 | 	top:'top',
 6 | 	// 底部弹出
 7 | 	bottom:'bottom',
 8 | 	// 居中弹出
 9 | 	center:'center',
10 | 	// 消息提示
11 | 	message:'top',
12 | 	// 对话框
13 | 	dialog:'center',
14 | 	// 分享
15 | 	share:'bottom',
16 | }
17 | 
18 | export default {
19 | 	data(){
20 | 		return {
21 | 			config:config
22 | 		}
23 | 	},
24 | 	mixins: [message]
25 | }
26 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-popup/share.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 | 	created() {
 3 | 		if (this.type === 'share') {
 4 | 			// 关闭点击
 5 | 			this.mkclick = false
 6 | 		}
 7 | 	},
 8 | 	methods: {
 9 | 		customOpen() {
10 | 			console.log('share 打开了');
11 | 		},
12 | 		customClose() {
13 | 			console.log('share 关闭了');
14 | 		}
15 | 	}
16 | }
17 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-section/uni-section.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-section" nvue>
  3 | 		<view v-if="type" class="uni-section__head">
  4 | 			<view :class="type" class="uni-section__head-tag" />
  5 | 		</view>
  6 | 		<view class="uni-section__content">
  7 | 			<text :class="{'distraction':!subTitle}" class="uni-section__content-title">{{ title }}</text>
  8 | 			<text v-if="subTitle" class="uni-section__content-sub">{{ subTitle }}</text>
  9 | 		</view>
 10 | 		<slot />
 11 | 	</view>
 12 | </template>
 13 | 
 14 | <script>
 15 | 
 16 | 	/**
 17 | 	 * Section 标题栏
 18 | 	 * @description 标题栏
 19 | 	 * @property {String} type = [line|circle] 标题装饰类型
 20 | 	 * 	@value line 竖线
 21 | 	 * 	@value circle 圆形
 22 | 	 * @property {String} title 主标题
 23 | 	 * @property {String} subTitle 副标题
 24 | 	 */
 25 | 
 26 | 	export default {
 27 | 		name: 'UniSection',
 28 | 		props: {
 29 | 			type: {
 30 | 				type: String,
 31 | 				default: ''
 32 | 			},
 33 | 			title: {
 34 | 				type: String,
 35 | 				default: ''
 36 | 			},
 37 | 			subTitle: {
 38 | 				type: String,
 39 | 				default: ''
 40 | 			}
 41 | 		},
 42 | 		data() {
 43 | 			return {}
 44 | 		},
 45 | 		watch: {
 46 | 			title(newVal) {
 47 | 				if (uni.report && newVal !== '') {
 48 | 					uni.report('title', newVal)
 49 | 				}
 50 | 			}
 51 | 		},
 52 | 		methods: {
 53 | 			onClick() {
 54 | 				this.$emit('click')
 55 | 			}
 56 | 		}
 57 | 	}
 58 | </script>
 59 | <style lang="scss" scoped>
 60 | 	.uni-section {
 61 | 		position: relative;
 62 | 		/* #ifndef APP-NVUE */
 63 | 		display: flex;
 64 | 		/* #endif */
 65 | 		margin-top: 10px;
 66 | 		flex-direction: row;
 67 | 		align-items: center;
 68 | 		padding: 0 10px;
 69 | 		height: 50px;
 70 | 		background-color: $uni-bg-color-grey;
 71 | 		/* #ifdef APP-NVUE */
 72 | 		// border-bottom-color: $uni-border-color;
 73 | 		// border-bottom-style: solid;
 74 | 		// border-bottom-width: 0.5px;
 75 | 		/* #endif */
 76 | 		font-weight: normal;
 77 | 	}
 78 | 	/* #ifndef APP-NVUE */
 79 | 	// .uni-section:after {
 80 | 	// 	position: absolute;
 81 | 	// 	bottom: 0;
 82 | 	// 	right: 0;
 83 | 	// 	left: 0;
 84 | 	// 	height: 1px;
 85 | 	// 	content: '';
 86 | 	// 	-webkit-transform: scaleY(.5);
 87 | 	// 	transform: scaleY(.5);
 88 | 	// 	background-color: $uni-border-color;
 89 | 	// }
 90 | 	/* #endif */
 91 | 
 92 | 	.uni-section__head {
 93 | 		flex-direction: row;
 94 | 		justify-content: center;
 95 | 		align-items: center;
 96 | 		margin-right: 10px;
 97 | 	}
 98 | 
 99 | 	.line {
100 | 		height: 15px;
101 | 		background-color: $uni-text-color-disable;
102 | 		border-radius: 5px;
103 | 		width: 3px;
104 | 	}
105 | 
106 | 	.circle {
107 | 		width: 8px;
108 | 		height: 8px;
109 | 		border-top-right-radius: 50px;
110 | 		border-top-left-radius: 50px;
111 | 		border-bottom-left-radius: 50px;
112 | 		border-bottom-right-radius: 50px;
113 | 		background-color: $uni-text-color-disable;
114 | 	}
115 | 
116 | 	.uni-section__content {
117 | 		flex-direction: column;
118 | 		flex: 1;
119 | 		color: $uni-text-color;
120 | 	}
121 | 
122 | 	.uni-section__content-title {
123 | 		font-size: $uni-font-size-base;
124 | 		color: $uni-text-color;
125 | 	}
126 | 
127 | 	.distraction {
128 | 		flex-direction: row;
129 | 		align-items: center;
130 | 	}
131 | 
132 | 	.uni-section__content-sub {
133 | 		font-size: $uni-font-size-sm;
134 | 		color: $uni-text-color-grey;
135 | 	}
136 | </style>
137 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-segmented-control/uni-segmented-control.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view :class="[styleType === 'text'?'segmented-control--text' : 'segmented-control--button' ]" :style="{ borderColor: styleType === 'text' ? '' : activeColor }"
  3 | 	 class="segmented-control">
  4 | 		<view v-for="(item, index) in values" :class="[ styleType === 'text'?'segmented-control__item--text': 'segmented-control__item--button' , index === currentIndex&&styleType === 'button'?'segmented-control__item--button--active': '' , index === 0&&styleType === 'button'?'segmented-control__item--button--first': '',index === values.length - 1&&styleType === 'button'?'segmented-control__item--button--last': '' ]"
  5 | 		 :key="index" :style="{
  6 |         backgroundColor: index === currentIndex && styleType === 'button' ? activeColor : '',borderColor: index === currentIndex&&styleType === 'text'||styleType === 'button'?activeColor:'transparent'
  7 |       }"
  8 | 		 class="segmented-control__item" @click="_onClick(index)">
  9 | 			<text :style="{color:
 10 |           index === currentIndex
 11 |             ? styleType === 'text'
 12 |               ? activeColor
 13 |               : '#fff'
 14 |             : styleType === 'text'
 15 |               ? '#000'
 16 |               : activeColor}"
 17 | 			 class="segmented-control__text">{{ item }}</text>
 18 | 		</view>
 19 | 	</view>
 20 | </template>
 21 | 
 22 | <script>
 23 | 	/**
 24 | 	 * SegmentedControl 分段器
 25 | 	 * @description 用作不同视图的显示
 26 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=54
 27 | 	 * @property {Number} current 当前选中的tab索引值，从0计数
 28 | 	 * @property {String} styleType = [button|text] 分段器样式类型
 29 | 	 * 	@value button 按钮类型
 30 | 	 * 	@value text 文字类型
 31 | 	 * @property {String} activeColor 选中的标签背景色与边框颜色
 32 | 	 * @property {Array} values 选项数组
 33 | 	 * @event {Function} clickItem 组件触发点击事件时触发，e={currentIndex}
 34 | 	 */
 35 | 
 36 | 	export default {
 37 | 		name: 'UniSegmentedControl',
 38 | 		props: {
 39 | 			current: {
 40 | 				type: Number,
 41 | 				default: 0
 42 | 			},
 43 | 			values: {
 44 | 				type: Array,
 45 | 				default () {
 46 | 					return []
 47 | 				}
 48 | 			},
 49 | 			activeColor: {
 50 | 				type: String,
 51 | 				default: '#007aff'
 52 | 			},
 53 | 			styleType: {
 54 | 				type: String,
 55 | 				default: 'button'
 56 | 			}
 57 | 		},
 58 | 		data() {
 59 | 			return {
 60 | 				currentIndex: 0
 61 | 			}
 62 | 		},
 63 | 		watch: {
 64 | 			current(val) {
 65 | 				if (val !== this.currentIndex) {
 66 | 					this.currentIndex = val
 67 | 				}
 68 | 			}
 69 | 		},
 70 | 		created() {
 71 | 			this.currentIndex = this.current
 72 | 		},
 73 | 		methods: {
 74 | 			_onClick(index) {
 75 | 				if (this.currentIndex !== index) {
 76 | 					this.currentIndex = index
 77 | 					this.$emit('clickItem', {
 78 | 						currentIndex: index
 79 | 					})
 80 | 				}
 81 | 			}
 82 | 		}
 83 | 	}
 84 | </script>
 85 | 
 86 | <style lang="scss" scoped>
 87 | 
 88 | 	.segmented-control {
 89 | 		/* #ifndef APP-NVUE */
 90 | 		display: flex;
 91 | 		box-sizing: border-box;
 92 | 		/* #endif */
 93 | 		flex-direction: row;
 94 | 		height: 36px;
 95 | 		overflow: hidden;
 96 | 	}
 97 | 
 98 | 	.segmented-control__item {
 99 | 		/* #ifndef APP-NVUE */
100 | 		display: inline-flex;
101 | 		box-sizing: border-box;
102 | 		/* #endif */
103 | 		position: relative;
104 | 		flex: 1;
105 | 		justify-content: center;
106 | 		align-items: center;
107 | 	}
108 | 
109 | 	.segmented-control__item--button {
110 | 		border-style: solid;
111 | 		border-top-width: 1px;
112 | 		border-bottom-width: 1px;
113 | 		border-right-width: 1px;
114 | 		border-left-width: 0;
115 | 	}
116 | 
117 | 	.segmented-control__item--button--first {
118 | 		border-left-width: 1px;
119 | 		border-top-left-radius: 5px;
120 | 		border-bottom-left-radius: 5px;
121 | 	}
122 | 
123 | 	.segmented-control__item--button--last {
124 | 		border-top-right-radius: 5px;
125 | 		border-bottom-right-radius: 5px;
126 | 	}
127 | 
128 | 	.segmented-control__item--text {
129 | 		border-bottom-style: solid;
130 | 		border-bottom-width: 3px;
131 | 	}
132 | 
133 | 	.segmented-control__text {
134 | 		font-size: 16px;
135 | 		line-height: 20px;
136 | 		text-align: center;
137 | 	}
138 | </style>
139 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-status-bar/uni-status-bar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view :style="{ height: statusBarHeight }" class="uni-status-bar">
 3 | 		<slot />
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'
 9 | 	export default {
10 | 		name: 'UniStatusBar',
11 | 		data() {
12 | 			return {
13 | 				statusBarHeight: statusBarHeight
14 | 			}
15 | 		}
16 | 	}
17 | </script>
18 | 
19 | <style lang="scss" scoped>
20 | 	.uni-status-bar {
21 | 		width: 750rpx;
22 | 		height: 20px;
23 | 		// height: var(--status-bar-height);
24 | 	}
25 | </style>
26 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-swipe-action-item/mpalipay.js:
--------------------------------------------------------------------------------
  1 | export default {
  2 | 	data() {
  3 | 		return {
  4 | 			x: 0,
  5 | 			transition: false,
  6 | 			width: 0,
  7 | 			viewWidth: 0,
  8 | 			swipeShow: 0
  9 | 		}
 10 | 	},
 11 | 	watch: {
 12 | 		show(newVal) {
 13 | 			if (this.autoClose) return
 14 | 			if (newVal && newVal !== 'none' ) {
 15 | 				this.transition = true
 16 | 				this.open(newVal)
 17 | 			} else {
 18 | 				this.close()
 19 | 			}
 20 | 		}
 21 | 	},
 22 | 	created() {
 23 | 		if (this.swipeaction.children !== undefined) {
 24 | 			this.swipeaction.children.push(this)
 25 | 		}
 26 | 	},
 27 | 
 28 | 	beforeDestroy() {
 29 | 		this.swipeaction.children.forEach((item, index) => {
 30 | 			if (item === this) {
 31 | 				this.swipeaction.children.splice(index, 1)
 32 | 			}
 33 | 		})
 34 | 	},
 35 | 	mounted() {
 36 | 		this.isopen = false
 37 | 		setTimeout(() => {
 38 | 			this.getQuerySelect()
 39 | 		}, 50)
 40 | 	},
 41 | 	methods: {
 42 | 		appTouchStart(e) {
 43 | 			const {
 44 | 				clientX
 45 | 			} = e.changedTouches[0]
 46 | 			this.clientX = clientX
 47 | 			this.timestamp = new Date().getTime()
 48 | 		},
 49 | 		appTouchEnd(e, index, item, position) {
 50 | 			const {
 51 | 				clientX
 52 | 			} = e.changedTouches[0]
 53 | 			// fixed by xxxx 模拟点击事件，解决 ios 13 点击区域错位的问题
 54 | 			let diff = Math.abs(this.clientX - clientX)
 55 | 			let time = (new Date().getTime()) - this.timestamp
 56 | 			if (diff < 40 && time < 300) {
 57 | 				this.$emit('click', {
 58 | 					content: item,
 59 | 					index,
 60 | 					position
 61 | 				})
 62 | 			}
 63 | 		},
 64 | 		// onClick(index, item, position) {
 65 | 		// 	this.$emit('click', {
 66 | 		// 		content: item,
 67 | 		// 		index,
 68 | 		// 		position
 69 | 		// 	})
 70 | 		// },
 71 | 		/**
 72 | 		 * 移动触发
 73 | 		 * @param {Object} e
 74 | 		 */
 75 | 		onChange(e) {
 76 | 			this.moveX = e.detail.x
 77 | 			this.isclose = false
 78 | 		},
 79 | 		touchstart(e) {
 80 | 			this.transition = false
 81 | 			this.isclose = true
 82 | 			this.autoClose && this.swipeaction.closeOther(this)
 83 | 		},
 84 | 		touchmove(e) {},
 85 | 		touchend(e) {
 86 | 			// 0的位置什么都不执行
 87 | 			if (this.isclose && this.isopen === 'none') return
 88 | 			if (this.isclose && this.isopen !== 'none') {
 89 | 				this.transition = true
 90 | 				this.close()
 91 | 			} else {
 92 | 				this.move(this.moveX + this.leftWidth)
 93 | 			}
 94 | 		},
 95 | 
 96 | 		/**
 97 | 		 * 移动
 98 | 		 * @param {Object} moveX
 99 | 		 */
100 | 		move(moveX) {
101 | 			// 打开关闭的处理逻辑不太一样
102 | 			this.transition = true
103 | 			// 未打开状态
104 | 			if (!this.isopen || this.isopen === 'none') {
105 | 				if (moveX > this.threshold) {
106 | 					this.open('left')
107 | 				} else if (moveX < -this.threshold) {
108 | 					this.open('right')
109 | 				} else {
110 | 					this.close()
111 | 				}
112 | 			} else {
113 | 				if (moveX < 0 && moveX < this.rightWidth) {
114 | 					const rightX = this.rightWidth + moveX
115 | 					if (rightX < this.threshold) {
116 | 						this.open('right')
117 | 					} else {
118 | 						this.close()
119 | 					}
120 | 				} else if (moveX > 0 && moveX < this.leftWidth) {
121 | 					const leftX = this.leftWidth - moveX
122 | 					if (leftX < this.threshold) {
123 | 						this.open('left')
124 | 					} else {
125 | 						this.close()
126 | 					}
127 | 				}
128 | 
129 | 			}
130 | 
131 | 		},
132 | 
133 | 		/**
134 | 		 * 打开
135 | 		 */
136 | 		open(type) {
137 | 			this.x = this.moveX
138 | 			this.animation(type)
139 | 		},
140 | 
141 | 		/**
142 | 		 * 关闭
143 | 		 */
144 | 		close() {
145 | 			this.x = this.moveX
146 | 			// TODO 解决 x 值不更新的问题，所以会多触发一次 nextTick ，待优化
147 | 			this.$nextTick(() => {
148 | 				this.x = -this.leftWidth
149 | 				if(this.isopen!=='none'){
150 | 					this.$emit('change', 'none')
151 | 				}
152 | 				this.isopen = 'none'
153 | 			})
154 | 		},
155 | 
156 | 		/**
157 | 		 * 执行结束动画
158 | 		 * @param {Object} type
159 | 		 */
160 | 		animation(type) {
161 | 			this.$nextTick(() => {
162 | 				if (type === 'left') {
163 | 					this.x = 0
164 | 				} else {
165 | 					this.x = -this.rightWidth - this.leftWidth
166 | 				}
167 | 				
168 | 				if(this.isopen!==type){
169 | 					this.$emit('change', type)
170 | 				}
171 | 				this.isopen = type
172 | 			})
173 | 
174 | 		},
175 | 		getSlide(x) {},
176 | 		getQuerySelect() {
177 | 			const query = uni.createSelectorQuery().in(this);
178 | 			query.selectAll('.movable-view--hock').boundingClientRect(data => {
179 | 				this.leftWidth = data[1].width
180 | 				this.rightWidth = data[2].width
181 | 				this.width = data[0].width
182 | 				this.viewWidth = this.width + this.rightWidth + this.leftWidth
183 | 				if (this.leftWidth === 0) {
184 | 					// TODO 疑似bug ,初始化的时候如果x 是0，会导致移动位置错误，所以让元素超出一点
185 | 					this.x = -0.1
186 | 				} else {
187 | 					this.x = -this.leftWidth
188 | 				}
189 | 				this.moveX = this.x
190 | 				this.$nextTick(() => {
191 | 					this.swipeShow = 1
192 | 				})
193 | 
194 | 				if (!this.buttonWidth) {
195 | 					this.disabledView = true
196 | 				}
197 | 
198 | 				if (this.autoClose) return
199 | 				if (this.show !== 'none') {
200 | 					this.transition = true
201 | 					this.open(this.shows)
202 | 				}
203 | 			}).exec();
204 | 
205 | 		}
206 | 	}
207 | }
208 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-swipe-action-item/mpwxs.js:
--------------------------------------------------------------------------------
  1 | export default {
  2 | 	data() {
  3 | 		return {
  4 | 			position: [],
  5 | 			button: {},
  6 | 			btn: "[]"
  7 | 		}
  8 | 	},
  9 | 	// computed: {
 10 | 	// 	pos() {
 11 | 	// 		return JSON.stringify(this.position)
 12 | 	// 	},
 13 | 	// 	btn() {
 14 | 	// 		return JSON.stringify(this.button)
 15 | 	// 	}
 16 | 	// },
 17 | 	watch: {
 18 | 		button: {
 19 | 			handler(newVal) {
 20 | 				this.btn = JSON.stringify(newVal)
 21 | 			},
 22 | 			deep: true
 23 | 		},
 24 | 		show(newVal) {
 25 | 			if (this.autoClose) return
 26 | 			if (!this.button) {
 27 | 				this.init()
 28 | 				return
 29 | 			}
 30 | 			this.button.show = newVal
 31 | 		},
 32 | 		leftOptions() {
 33 | 			this.init()
 34 | 		},
 35 | 		rightOptions() {
 36 | 			this.init()
 37 | 		}
 38 | 	},
 39 | 	created() {
 40 | 		if (this.swipeaction.children !== undefined) {
 41 | 			this.swipeaction.children.push(this)
 42 | 		}
 43 | 	},
 44 | 	mounted() {
 45 | 		this.init()
 46 | 	},
 47 | 	beforeDestroy() {
 48 | 		this.swipeaction.children.forEach((item, index) => {
 49 | 			if (item === this) {
 50 | 				this.swipeaction.children.splice(index, 1)
 51 | 			}
 52 | 		})
 53 | 	},
 54 | 	methods: {
 55 | 		init() {
 56 | 			clearTimeout(this.swipetimer)
 57 | 			this.swipetimer = setTimeout(() => {
 58 | 				this.getButtonSize()
 59 | 			}, 50)
 60 | 		},
 61 | 		closeSwipe(e) {
 62 | 			if (!this.autoClose) return
 63 | 			this.swipeaction.closeOther(this)
 64 | 		},
 65 | 
 66 | 		change(e) {
 67 | 			this.$emit('change', e.open)
 68 | 			let show = this.button.show
 69 | 			if (show !== e.open) {
 70 | 				this.button.show = e.open
 71 | 			}
 72 | 
 73 | 		},
 74 | 
 75 | 		appTouchStart(e) {
 76 | 			const {
 77 | 				clientX
 78 | 			} = e.changedTouches[0]
 79 | 			this.clientX = clientX
 80 | 			this.timestamp = new Date().getTime()
 81 | 		},
 82 | 		appTouchEnd(e, index, item, position) {
 83 | 			const {
 84 | 				clientX
 85 | 			} = e.changedTouches[0]
 86 | 			// fixed by xxxx 模拟点击事件，解决 ios 13 点击区域错位的问题
 87 | 			let diff = Math.abs(this.clientX - clientX)
 88 | 			let time = (new Date().getTime()) - this.timestamp
 89 | 			if (diff < 40 && time < 300) {
 90 | 				this.$emit('click', {
 91 | 					content: item,
 92 | 					index,
 93 | 					position
 94 | 				})
 95 | 			}
 96 | 		},
 97 | 		getButtonSize() {
 98 | 			const views = uni.createSelectorQuery().in(this)
 99 | 			views
100 | 				.selectAll('.uni-swipe_button-group')
101 | 				.boundingClientRect(data => {
102 | 					let show = 'none'
103 | 					if (this.autoClose) {
104 | 						show = 'none'
105 | 					} else {
106 | 						show = this.show
107 | 					}
108 | 					this.button = {
109 | 						data,
110 | 						show
111 | 					}
112 | 				})
113 | 				.exec()
114 | 		}
115 | 	}
116 | }
117 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-swipe-action/uni-swipe-action.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<slot></slot>
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	/**
 9 | 	 * SwipeAction 滑动操作
10 | 	 * @description 通过滑动触发选项的容器
11 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=181
12 | 	 */
13 | 	export default {
14 | 		data() {
15 | 			return {};
16 | 		},
17 | 		provide() {
18 | 			return {
19 | 				swipeaction: this
20 | 			};
21 | 		},
22 | 		created() {
23 | 			this.children = [];
24 | 		},
25 | 		methods: {
26 | 			closeOther(vm) {
27 | 				if (this.openItem && this.openItem !== vm) {
28 | 					// #ifdef APP-VUE || H5 || MP-WEIXIN
29 | 					this.openItem.button.show = 'none'
30 | 					// #endif
31 | 
32 | 					// #ifndef APP-VUE || H5 || MP-WEIXIN
33 | 					this.openItem.close()
34 | 					// #endif
35 | 				}
36 | 				this.openItem = vm
37 | 			}
38 | 		}
39 | 	};
40 | </script>
41 | 
42 | <style></style>
43 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-test/uni-test.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		测试插件
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	export default {
 9 | 		data() {
10 | 			return {
11 | 				
12 | 			};
13 | 		}
14 | 	}
15 | </script>
16 | 
17 | <style>
18 | 
19 | </style>
20 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-title/uni-title.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-title__box" :style="{'align-items':textAlign}">
  3 | 		<text class="uni-title__base" :class="['uni-'+type]" :style="{'color':color}">{{title}}</text>
  4 | 	</view>
  5 | </template>
  6 | 
  7 | <script>
  8 | 	/**
  9 | 	 * Title 章节标题
 10 | 	 * @description 章节标题，通常用于记录页面标题，使用当前组件，uni-app 如果开启统计，将会自动统计页面标题
 11 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=1066
 12 | 	 * @property {String} type = [h1|h2|h3|h4|h5] 标题类型
 13 | 	 * 	@value h1 一级标题
 14 | 	 * 	@value h2 二级标题
 15 | 	 * 	@value h3 三级标题
 16 | 	 * 	@value h4 四级标题
 17 | 	 * 	@value h5 五级标题
 18 | 	 * @property {String} title 章节标题内容
 19 | 	 * @property {String} align = [left|center|right] 对齐方式
 20 | 	 * 	@value left 做对齐
 21 | 	 * 	@value center 居中对齐
 22 | 	 * 	@value right 右对齐
 23 | 	 * @property {String} color 字体颜色
 24 | 	 * @property {Boolean} stat = [true|false] 是否开启统计功能呢，如不填写type值，默认为开启，填写 type 属性，默认为关闭
 25 | 	 */
 26 | 	export default {
 27 | 		props: {
 28 | 			type: {
 29 | 				type: String,
 30 | 				default: ''
 31 | 			},
 32 | 			title: {
 33 | 				type: String,
 34 | 				default: ''
 35 | 			},
 36 | 			align: {
 37 | 				type: String,
 38 | 				default: 'left'
 39 | 			},
 40 | 			color: {
 41 | 				type: String,
 42 | 				default: '#333333'
 43 | 			},
 44 | 			stat: {
 45 | 				type: [Boolean, String],
 46 | 				default: ''
 47 | 			}
 48 | 		},
 49 | 		data() {
 50 | 			return {
 51 | 
 52 | 			};
 53 | 		},
 54 | 		computed: {
 55 | 			textAlign() {
 56 | 				let align = 'center';
 57 | 				switch (this.align) {
 58 | 					case 'left':
 59 | 						align = 'flex-start'
 60 | 						break;
 61 | 					case 'center':
 62 | 						align = 'center'
 63 | 						break;
 64 | 					case 'right':
 65 | 						align = 'flex-end'
 66 | 						break;
 67 | 				}
 68 | 				return align
 69 | 			}
 70 | 		},
 71 | 		watch: {
 72 | 			title(newVal) {
 73 | 				if (this.isOpenStat()) {
 74 | 					// 上报数据
 75 | 					if (uni.report) {
 76 | 						uni.report('title', this.title)
 77 | 					}
 78 | 				}
 79 | 			}
 80 | 		},
 81 | 		mounted() {
 82 | 			if (this.isOpenStat()) {
 83 | 				// 上报数据
 84 | 				if (uni.report) {
 85 | 					uni.report('title', this.title)
 86 | 				}
 87 | 			}
 88 | 		},
 89 | 		methods: {
 90 | 			isOpenStat() {
 91 | 				if (this.stat === '') {
 92 | 					this.isStat = false
 93 | 				}
 94 | 				let stat_type = (typeof(this.stat) === 'boolean' && this.stat) || (typeof(this.stat) === 'string' && this.stat !==
 95 | 					'')
 96 | 				if (this.type === "") {
 97 | 					this.isStat = true
 98 | 					if (this.stat.toString() === 'false') {
 99 | 						this.isStat = false
100 | 					}
101 | 				}
102 | 
103 | 				if (this.type !== '') {
104 | 					this.isStat = true
105 | 					if (stat_type) {
106 | 						this.isStat = true
107 | 					} else {
108 | 						this.isStat = false
109 | 					}
110 | 				}
111 | 				return this.isStat
112 | 			}
113 | 		}
114 | 	}
115 | </script>
116 | 
117 | <style scoped>
118 | 	/* .uni-title {
119 | 
120 | 	} */
121 | 	.uni-title__box {
122 | 		/* #ifndef APP-NVUE */
123 | 		display: flex;
124 | 		/* #endif */
125 | 		flex-direction: column;
126 | 		align-items: flex-start;
127 | 		justify-content: center;
128 | 		padding: 8px 0;
129 | 		flex: 1;
130 | 	}
131 | 
132 | 	.uni-title__base {
133 | 		font-size: 15px;
134 | 		color: #333;
135 | 		font-weight: 500;
136 | 	}
137 | 
138 | 	.uni-h1 {
139 | 		font-size: 20px;
140 | 		color: #333;
141 | 		font-weight: bold;
142 | 	}
143 | 
144 | 	.uni-h2 {
145 | 		font-size: 18px;
146 | 		color: #333;
147 | 		font-weight: bold;
148 | 	}
149 | 
150 | 	.uni-h3 {
151 | 		font-size: 16px;
152 | 		color: #333;
153 | 		font-weight: bold;
154 | 		/* font-weight: 400; */
155 | 	}
156 | 
157 | 	.uni-h4 {
158 | 		font-size: 14px;
159 | 		color: #333;
160 | 		font-weight: bold;
161 | 		/* font-weight: 300; */
162 | 	}
163 | 
164 | 	.uni-h5 {
165 | 		font-size: 12px;
166 | 		color: #333;
167 | 		font-weight: bold;
168 | 		/* font-weight: 200; */
169 | 	}
170 | </style>
171 | 


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App'
 3 | 
 4 | Vue.config.productionTip = false
 5 | 
 6 | App.mpType = 'app'
 7 | 
 8 | const app = new Vue({
 9 |     ...App
10 | })
11 | app.$mount()
12 | 


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "name" : "如程酒店",
  3 |     "appid" : "__UNI__D109150",
  4 |     "description" : "",
  5 |     "versionName" : "1.0.0",
  6 |     "versionCode" : "100",
  7 |     "transformPx" : false,
  8 |     /* 5+App特有相关 */
  9 |     "app-plus" : {
 10 |         "usingComponents" : true,
 11 |         "nvueCompiler" : "uni-app",
 12 |         "compilerVersion" : 3,
 13 |         "splashscreen" : {
 14 |             "alwaysShowBeforeRender" : true,
 15 |             "waiting" : true,
 16 |             "autoclose" : true,
 17 |             "delay" : 0
 18 |         },
 19 |         /* 模块配置 */
 20 |         "modules" : {
 21 |             "LivePusher" : {}
 22 |         },
 23 |         /* 应用发布信息 */
 24 |         "distribute" : {
 25 |             /* android打包配置 */
 26 |             "android" : {
 27 |                 "permissions" : [
 28 |                     "<uses-feature android:name=\"android.hardware.camera\"/>",
 29 |                     "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
 30 |                     "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
 31 |                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",
 32 |                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
 33 |                     "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
 34 |                     "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
 35 |                     "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
 36 |                     "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
 37 |                     "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
 38 |                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
 39 |                     "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
 40 |                     "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>"
 41 |                 ]
 42 |             },
 43 |             /* ios打包配置 */
 44 |             "ios" : {},
 45 |             /* SDK配置 */
 46 |             "sdkConfigs" : {
 47 |                 "ad" : {},
 48 |                 "maps" : {
 49 |                     "amap" : {
 50 |                         "appkey_ios" : "",
 51 |                         "appkey_android" : ""
 52 |                     }
 53 |                 }
 54 |             },
 55 |             "icons" : {
 56 |                 "android" : {
 57 |                     "hdpi" : "unpackage/res/icons/72x72.png",
 58 |                     "xhdpi" : "unpackage/res/icons/96x96.png",
 59 |                     "xxhdpi" : "unpackage/res/icons/144x144.png",
 60 |                     "xxxhdpi" : "unpackage/res/icons/192x192.png"
 61 |                 },
 62 |                 "ios" : {
 63 |                     "appstore" : "unpackage/res/icons/1024x1024.png",
 64 |                     "ipad" : {
 65 |                         "app" : "unpackage/res/icons/76x76.png",
 66 |                         "app@2x" : "unpackage/res/icons/152x152.png",
 67 |                         "notification" : "unpackage/res/icons/20x20.png",
 68 |                         "notification@2x" : "unpackage/res/icons/40x40.png",
 69 |                         "proapp@2x" : "unpackage/res/icons/167x167.png",
 70 |                         "settings" : "unpackage/res/icons/29x29.png",
 71 |                         "settings@2x" : "unpackage/res/icons/58x58.png",
 72 |                         "spotlight" : "unpackage/res/icons/40x40.png",
 73 |                         "spotlight@2x" : "unpackage/res/icons/80x80.png"
 74 |                     },
 75 |                     "iphone" : {
 76 |                         "app@2x" : "unpackage/res/icons/120x120.png",
 77 |                         "app@3x" : "unpackage/res/icons/180x180.png",
 78 |                         "notification@2x" : "unpackage/res/icons/40x40.png",
 79 |                         "notification@3x" : "unpackage/res/icons/60x60.png",
 80 |                         "settings@2x" : "unpackage/res/icons/58x58.png",
 81 |                         "settings@3x" : "unpackage/res/icons/87x87.png",
 82 |                         "spotlight@2x" : "unpackage/res/icons/80x80.png",
 83 |                         "spotlight@3x" : "unpackage/res/icons/120x120.png"
 84 |                     }
 85 |                 }
 86 |             }
 87 |         }
 88 |     },
 89 |     /* 快应用特有相关 */
 90 |     "quickapp" : {},
 91 |     /* 小程序特有相关 */
 92 |     "mp-weixin" : {
 93 |         "appid" : "wx4d36fdab8a29816e",
 94 |         "setting" : {
 95 |             "urlCheck" : false,
 96 |             "es6" : true,
 97 |             "minified" : true
 98 |         },
 99 |         "usingComponents" : true
100 |     },
101 |     "mp-alipay" : {
102 |         "usingComponents" : true
103 |     },
104 |     "mp-baidu" : {
105 |         "usingComponents" : true
106 |     },
107 |     "mp-toutiao" : {
108 |         "usingComponents" : true
109 |     },
110 |     "uniStatistics" : {
111 |         "enable" : false
112 |     }
113 | }
114 | 


--------------------------------------------------------------------------------
/pages/biji/biji.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<view class="tianjia">
  4 | 			<text>+</text>
  5 | 		</view>
  6 | 
  7 | 		<view class="fabu">
  8 | 			<input type="text" placeholder="想好一个标题会有更多的赞哦" />
  9 | 			<textarea placeholder="多说一说~" />
 10 | 			</view>
 11 | 		
 12 | 		<view class="address">
 13 | 			<uni-icons type="location-filled" size="30"></uni-icons>
 14 | 			<text class="local" @click="showLoaction(isty)">显示地址</text>
 15 | 		</view>
 16 | 		
 17 | 		
 18 | 		<view class="page-body">
 19 | 		       <view class="page-section page-section-gap">
 20 | 		           <map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"  v-if="isty">
 21 | 		           </map>
 22 | 		       </view>
 23 | 		</view>
 24 | 	</view>
 25 | </template>
 26 | 
 27 | <script>
 28 | 	import uniIcons from "@/components/uni-ui/uni-icons/uni-icons.vue"
 29 | 	export default {
 30 | 		components: {
 31 | 			uniIcons},
 32 | 		data() {
 33 | 			
 34 | 			return {
 35 | 				isty:false,
 36 | 				id:0, // 使用 marker点击事件 需要填写id
 37 | 				           title: '即刻',
 38 | 				           latitude: 39.909,
 39 | 				           longitude: 116.39742,
 40 | 				           covers: [{
 41 | 				               latitude: 39.909,
 42 | 				               longitude: 116.39742,
 43 | 				               iconPath: '../../../static/location.png'
 44 | 				           }, {
 45 | 				               latitude: 39.90,
 46 | 				               longitude: 116.39,
 47 | 				               iconPath: '../../../static/location.png'
 48 | 				           }]
 49 | 				       }
 50 | 										
 51 | 			
 52 | 		},
 53 | 		methods: {
 54 | 		showLoaction(pp){
 55 | 			if(pp){
 56 | 				this.isty=false;
 57 | 			}
 58 | 			else{
 59 | 				this.isty=true;
 60 | 			}
 61 | 		}
 62 | 			
 63 | 		}
 64 | 	}
 65 | </script>
 66 | 
 67 | <style lang="scss">
 68 | 	.tianjia{
 69 | 		
 70 | 		background-color: rgb(245,245,245);
 71 | 		
 72 | 		width: 200rpx;
 73 | 		height: 200rpx;
 74 | 		margin-left: 50rpx;
 75 | 		left: 50rpx;
 76 | 		text-align: center;
 77 | 		line-height: 200rpx;
 78 | 		margin-bottom: 20rpx;
 79 | 		text{
 80 | 			font-size: 35px;
 81 | 		}
 82 | 		
 83 | 	}
 84 | 	
 85 | 	.fabu{
 86 | 		width: 750rpx;
 87 | 		height: 500rpx;
 88 | 		display: flex;
 89 | 		// flex-wrap: wrap;
 90 | 		// justify-content: space-between;
 91 | 		align-content: center;
 92 | 		flex-direction: column;	
 93 | 		margin-left: 50rpx;
 94 | 		margin-bottom: 45rpx;
 95 | 		input{
 96 | 			width: 650rpx;
 97 | 			height: 80rpx;
 98 | 			margin-bottom: 20rpx;
 99 | 			background-color: rgb(245,245,245);
100 | 			// margin-top: 30rpx;
101 | 		}
102 | 		textarea{
103 | 			width: 650rpx;
104 | 			height: 400rpx;
105 | 			background-color: rgb(245,245,245);
106 | 			// margin-top: 60rpx;
107 | 			
108 | 		}
109 | 		
110 | 	}
111 | 	.address{
112 | 		margin-left: 50rpx;
113 | 		margin-top: 10rpx;
114 | 		.local{
115 | 			font-size: 36rpx;
116 | 			font-family: "宋体";
117 | 			// margin-left: 10rpx;
118 | 		}
119 | 	}
120 | 	
121 | 	
122 | 
123 | </style>
124 | 


--------------------------------------------------------------------------------
/pages/cart/cart.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="top-nav">
  3 | 		<view class="top-nav-bar">
  4 | 			<view class="item" :class="{ active: isActive == 1 }" @click="chenked(1)">全部</view>
  5 | 			<view class="item" :class="{ active: isActive == 2 }" @click="chenked(2)">待付款</view>
  6 | 			<view class="item" :class="{ active: isActive == 3 }" @click="chenked(3)">待入住</view>
  7 | 			<view class="item" :class="{ active: isActive == 4 }" @click="chenked(4)">已入住</view>
  8 | 			<view class="item" :class="{ active: isActive == 5 }" @click="chenked(5)">已完成</view>
  9 | 			<view class="item" :class="{ active: isActive == 6 }" @click="chenked(6)">已取消</view>
 10 | 		</view>
 11 | 		<view>
 12 | 			<image @click="goHuiYuan()" :src="url"></image>
 13 | 		</view>
 14 | 		<view class="nav_item" v-if="isActive==1">
 15 | 			<Goods></Goods>
 16 | 		</view>
 17 | 		<view class="nav_item" v-if="isActive==2">
 18 | 			<List></List>
 19 | 		</view>
 20 | 		<view class="nav_item" v-if="isActive==3">
 21 | 			<Next></Next>
 22 | 		</view>
 23 | 		<view class="nav_item" v-if="isActive==4">
 24 | 			<YiRu></YiRu>
 25 | 		</view>
 26 | 		<view class="nav_item" v-if="isActive==5">
 27 | 			<WanChen></WanChen>
 28 | 		</view>
 29 | 		<view class="nav_item" v-if="isActive==6">
 30 | 			<QuXiao></QuXiao>
 31 | 		</view>
 32 | 	</view>
 33 | </template>
 34 | 
 35 | <script>
 36 | 	import Goods from '@/components/dingdan/goods.vue'
 37 | 	import List from '@/components/dingdan/list.vue'
 38 | 	import Next from '@/components/dingdan/next.vue'
 39 | 	import YiRu from '@/components/dingdan/yiru.vue'
 40 | 	import WanChen from '@/components/dingdan/wanchen.vue'
 41 | 	import QuXiao from '@/components/dingdan/quxiao.vue'
 42 | 
 43 | 	export default {
 44 | 		data() {
 45 | 			return {
 46 | 				isActive: 1,
 47 | 				url: "https://image.ructrip.com/ructrip/1608122201728/1204-未购卡-任享会员688+20天会期-通用通览.jpg"
 48 | 			}
 49 | 		},
 50 | 		onLoad() {
 51 | 
 52 | 		},
 53 | 		methods: {
 54 | 			chenked(type) {
 55 | 				this.isActive = type;
 56 | 			},
 57 | 			goHuiYuan() {
 58 | 				uni.navigateTo({
 59 | 					url: "/pages/welfare/welfare"
 60 | 				})
 61 | 			},
 62 | 		},
 63 | 		components: {
 64 | 			Goods,
 65 | 			List,
 66 | 			Next,
 67 | 			YiRu,
 68 | 			WanChen,
 69 | 			QuXiao
 70 | 		}
 71 | 	}
 72 | </script>
 73 | 
 74 | 
 75 | <style>
 76 | 	.top-nav {
 77 | 		width: 750rpx;
 78 | 		position: fixed;
 79 | 
 80 | 	}
 81 | 
 82 | 	.top-nav-bar {
 83 | 		border: 2px solid white;
 84 | 		display: flex;
 85 | 		height: 44px;
 86 | 		justify-content: space-between;
 87 | 		font-size: 13px;
 88 | 		background-color: #fff;
 89 | 		overflow: scroll;
 90 | 		color: #353b48;
 91 | 		border-top: 0px solid #e5e5e5;
 92 | 	}
 93 | 
 94 | 	.nav-item {
 95 | 		flex: 1;
 96 | 	}
 97 | 
 98 | 	.item {
 99 | 		width: 70px;
100 | 		text-align: center;
101 | 		line-height: 33px;
102 | 		height: 33px;
103 | 	}
104 | 
105 | 	.active {
106 | 		color: #ff0000;
107 | 		font-weight: 550;
108 | 		position: relative;
109 | 	}
110 | 
111 | 	.active::after {
112 | 		content: '';
113 | 		position: absolute;
114 | 		top: 25px;
115 | 		width: 90rpx;
116 | 		height: 8rpx;
117 | 		background-color: red;
118 | 		left: 0px;
119 | 		right: 0px;
120 | 		bottom: 0px;
121 | 		margin: auto;
122 | 	}
123 | 
124 | 	image {
125 | 		width: 750rpx;
126 | 		height: 120rpx;
127 | 	}
128 | </style>
129 | 


--------------------------------------------------------------------------------
/pages/cities/cities.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view v-for="item in res" class="imageFather">
 4 | 			<image :src="item.scenicSpotImage" mode="widthFix"></image>
 5 | 		</view>
 6 | 
 7 | 	</view>
 8 | </template>
 9 | 
10 | <script>
11 | 	import {
12 | 		myRequestPost
13 | 	} from '@/utils/zgrequest.js'
14 | 	export default {
15 | 		data() {
16 | 			return {
17 | 				res: []
18 | 			}
19 | 		},
20 | 		onLoad(options) {
21 | 			this.getPicture()
22 | 		},
23 | 		methods: {
24 | 			async getPicture() {
25 | 				let result = await myRequestPost("/sojo.equity.morehot.attractions.list", {
26 | 					"cityCode": "320200",
27 | 					"client": "applets",
28 | 					"mobileBrand": "microsoft",
29 | 					"mobileModel": "microsoft",
30 | 					"osVersion": "Windows 10 x64",
31 | 					"timestamp": 1608037956000,
32 | 					"sign": "10D0698D8C83768447166403B7592513"
33 | 				});
34 | 				if (result.respCode === "00") {
35 | 					this.res = result.respData
36 | 					console.log(this.res, "11111111111")
37 | 				}
38 | 			},
39 | 		}
40 | 	}
41 | </script>
42 | 
43 | <style lang="less">
44 | 	.imageFather {
45 | 		padding: 0 35rpx;
46 | 
47 | 		image {
48 | 			width: 680rpx;
49 | 			margin-bottom: 20rpx;
50 | 
51 | 		}
52 | 	}
53 | </style>
54 | 


--------------------------------------------------------------------------------
/pages/customer/customer.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="bg1">
 3 | 		<view class="bg">
 4 | 			<button type="default" class="qs" @click="goQs">
 5 | 				<text class="fl1 icon-wenti iconfont" style="color: #fd8d54;"></text>
 6 | 				<view class="fl">常见问题</view>
 7 | 				<text class="icon icon-zuojiantou iconfont" style="color: #bcbcbc;"></text>
 8 | 			</button>
 9 | 			<button type="default" @click="no">
10 | 				<text class="fl1 icon-huida iconfont" style="color: #fd8d54;"></text>
11 | 				<view class="fl">在线客服<span>（服务时间：10:00~24:00）</span></view>
12 | 				<text class="icon-zuojiantou iconfont icon" style="color: #bcbcbc;"></text>
13 | 			</button>
14 | 		</view>
15 | 	</view>
16 | 
17 | </template>
18 | 
19 | <script>
20 | 	export default {
21 | 		data() {
22 | 			return {
23 | 
24 | 			}
25 | 		},
26 | 		methods: {
27 | 			no() {
28 | 				uni.showToast({
29 | 					title: '此功能暂未开通',
30 | 					duration: 1000,
31 | 					icon: 'none'
32 | 				});
33 | 			},
34 | 			goQs() {
35 | 				uni.navigateTo({
36 | 					url: `/pages/mine/qusetion`,
37 | 				})
38 | 			}
39 | 		}
40 | 	}
41 | </script>
42 | 
43 | <style lang="less">
44 | 	page {
45 | 		height: 100%;
46 | 		background-color: #f8f8f8;
47 | 	}
48 | 
49 | 	.bg {
50 | 		// background-color: #f8f8f8;
51 | 		margin: 80rpx 40rpx;
52 | 
53 | 
54 | 		button {
55 | 			display: flex;
56 | 			background-color: #FFFFFF;
57 | 			font-size: 30rpx;
58 | 			font-weight: 700;
59 | 			height: 111rpx;
60 | 			line-height: 111rpx;
61 | 
62 | 			.fl {
63 | 				text-align: left;
64 | 				padding-left: 41rpx;
65 | 				width: 520rpx;
66 | 			}
67 | 
68 | 			.fl1 {
69 | 				flex: 1;
70 | 			}
71 | 
72 | 			span {
73 | 				font-size: 25rpx;
74 | 				font-weight: 400;
75 | 				color: #ccc;
76 | 			}
77 | 
78 | 			.icon {
79 | 				flex: 1;
80 | 				font-size: 39rpx;
81 | 
82 | 			}
83 | 		}
84 | 
85 | 		.qs {
86 | 			margin-bottom: 30rpx;
87 | 
88 | 		}
89 | 
90 | 	}
91 | </style>
92 | 


--------------------------------------------------------------------------------
/pages/find/find.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 
  3 | 	<view class="hot_goods">
  4 | 
  5 | 		<view class="haha">
  6 | 			<view class="buju">
  7 | 				<view class="zuixin" @click="chenked(1)">
  8 | 					<text class="wen">最新发布</text>
  9 | 				</view>
 10 | 				<view class="zuixin active">
 11 | 					|
 12 | 				</view>
 13 | 				<view class="zuixin" @click="chenked(2)">
 14 | 					<text class="ben">最多点赞</text>
 15 | 				</view>
 16 | 			</view>
 17 | 		</view>
 18 | 		<view v-if="isActive == 1">
 19 | 			<Goods :arr="arr" :a="a"></Goods>
 20 | 		</view>
 21 | 		<view v-if="isActive == 2">
 22 | 			<Dianzan :msg="msg"></Dianzan>
 23 | 		</view>
 24 | 
 25 | 		<uni-load-more v-if="!flag" :status="'loading'"></uni-load-more>
 26 | 		<uni-load-more v-else :status="'noMore'"></uni-load-more>
 27 | 	</view>
 28 | 
 29 | 
 30 | 
 31 | </template>
 32 | 
 33 | <script>
 34 | 	import {
 35 | 		myRequestPost
 36 | 	} from '@/utils/zgrequest.js'
 37 | 	import Goods from '@/components/goods/goods.vue'
 38 | 	import Dianzan from '@/components/goods/dianzan.vue'
 39 | 	import uniLoadMore from "@/components/uni-ui/uni-load-more/uni-load-more.vue"
 40 | 
 41 | 
 42 | 	export default {
 43 | 		data() {
 44 | 			return {
 45 | 				htmlNodes: [],
 46 | 				isActive: 1,
 47 | 				res: [],
 48 | 				msg: [],
 49 | 				flag: false,
 50 | 				pageNum: 1,
 51 | 				result: [],
 52 | 				arr: [],
 53 | 				a: 1
 54 | 			}
 55 | 		},
 56 | 		onLoad() {
 57 | 			this.getList();
 58 | 			this.getLoods();
 59 | 			console.log(this.pageNum, "pppppppppppppp")
 60 | 		},
 61 | 
 62 | 
 63 | 		methods: {
 64 | 			chenked(type) {
 65 | 				this.isActive = type;
 66 | 				this.pageNum = 1;
 67 | 
 68 | 
 69 | 
 70 | 			},
 71 | 
 72 | 			async getList() {
 73 | 
 74 | 				let result = await myRequestPost("/sojo.order.evaluation.list.page", {
 75 | 
 76 | 					"pageSize": 6,
 77 | 					"pageNum": this.pageNum,
 78 | 					"orderByType": 10,
 79 | 					"userGuid": "rc61007bb64721f4f46f68",
 80 | 					"client": "applets",
 81 | 					"mobileBrand": "microsoft",
 82 | 					"mobileModel": "microsoft",
 83 | 					"osVersion": "win10",
 84 | 					"timestamp": 1607427013000,
 85 | 
 86 | 				});
 87 | 
 88 | 
 89 | 				// result.respData.list[1].storeName="既见桑梓特色度假酒店";
 90 | 
 91 | 				// 	console.log(ab,"ssssssssssssssssssssssssssss")
 92 | 				// 	console.log(result,"llllllllllllllllll")
 93 | 
 94 | 				// 	console.log(ab,"ppppppp")
 95 | 				// this.res = [...this.res, ...result.respData.list]
 96 | 				this.res = result.respData.list
 97 | 
 98 | 				// console.log(this.res,"ffffffffffffffffffffffff");
 99 | 				this.getData();
100 | 				console.log(this.arr, "wfffffffffffffffffffffffffffffffffwwwww")
101 | 
102 | 
103 | 			},
104 | 			getData() {
105 | 				for (var i = 0; i < this.res.length; i++) {
106 | 					var obj1 = {
107 | 						arr1: [],
108 | 						flg: false,
109 | 						in: i
110 | 					}
111 | 
112 | 					obj1.arr1 = this.res[i]
113 | 					this.arr.push(obj1)
114 | 
115 | 				}
116 | 				console.log(this.arr, "wwwwwwwwwwwwwwww")
117 | 			},
118 | 			async getLoods() {
119 | 
120 | 				let res = await myRequestPost("/sojo.order.evaluation.list.page", {
121 | 
122 | 
123 | 
124 | 					"pageSize": 6,
125 | 					"pageNum": this.pageNum,
126 | 					"orderByType": 20,
127 | 					"userGuid": "rc355e390778041925cb4d",
128 | 					"client": "applets",
129 | 					"mobileBrand": "microsoft",
130 | 					"mobileModel": "microsoft",
131 | 					"osVersion": "Windows 10 x64",
132 | 					"timestamp": 1607426292000,
133 | 					"sign": "45A1C99613B96EE1F0A16A1A46EA4DEC"
134 | 
135 | 
136 | 
137 | 				});
138 | 
139 | 
140 | 				this.msg = [...this.msg, ...res.respData.list]
141 | 				// console.log(this.msg);
142 | 			},
143 | 
144 | 
145 | 		},
146 | 		onReachBottom() {
147 | 			this.pageNum++;
148 | 			this.a = this.pageNum;
149 | 			console.log(this.a)
150 | 			if (this.pageNum <= 5) {
151 | 				this.getLoods();
152 | 				this.getList()
153 | 				// switch (this.pageNum){
154 | 				// 	case 2:
155 | 				// 	result.respData.list[0].storeName="eggwgwe";
156 | 				// 		break;
157 | 				// 		case 3:
158 | 				// 		result.respData.list[2].storeName="333333";
159 | 				// 			break;
160 | 				// 			case 4:
161 | 				// 			result.respData.list[1].storeName="既见桑梓特色度假酒店";
162 | 				// 				break;
163 | 				// 	default:
164 | 				// 		break;
165 | 				// }
166 | 
167 | 			} else {
168 | 				//没有更多数据了
169 | 				this.flag = true;
170 | 			}
171 | 		},
172 | 		onPullDownRefresh() {
173 | 			this.pageNum = 1;
174 | 			this.flag = false;
175 | 			this.msg = [];
176 | 			this.arr = [];
177 | 			this.getList().then(() => {
178 | 				uni.stopPullDownRefresh()
179 | 			});
180 | 			this.getLoods().then(() => {
181 | 				uni.stopPullDownRefresh()
182 | 			});
183 | 
184 | 
185 | 		},
186 | 		components: {
187 | 			uniLoadMore,
188 | 			Goods,
189 | 			Dianzan
190 | 		},
191 | 	}
192 | </script>
193 | <style lang="scss">
194 | 	.hot_goods {
195 | 		background: #eee;
196 | 
197 | 		.haha {
198 | 			height: 56px;
199 | 
200 | 			.buju {
201 | 
202 | 				display: flex;
203 | 				width: 750rpx;
204 | 				height: 100rpx;
205 | 
206 | 				background-color: white;
207 | 				margin-bottom: 10px;
208 | 				// position: sticky;
209 | 				// top: 0;
210 | 				position: fixed;
211 | 				// top: 0;
212 | 				z-index: 2;
213 | 
214 | 				.zuixin {
215 | 
216 | 					flex: 1;
217 | 					font-size: 16px;
218 | 					color: rgb(74, 74, 74);
219 | 
220 | 					text-align: center;
221 | 					line-height: 100rpx;
222 | 
223 | 
224 | 					.wen {
225 | 						position: absolute;
226 | 						left: 50px;
227 | 					}
228 | 
229 | 					.ben {
230 | 						position: absolute;
231 | 						right: 50px;
232 | 					}
233 | 
234 | 				}
235 | 
236 | 				.active {
237 | 					font-size: 10px;
238 | 				}
239 | 			}
240 | 
241 | 		}
242 | 
243 | 		.gaodu {
244 | 			margin-top: 20px;
245 | 		}
246 | 
247 | 
248 | 	}
249 | </style>
250 | 


--------------------------------------------------------------------------------
/pages/hotel/hotel.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<image :src="url" mode="widthFix"></image>
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	export default {
 9 | 		data() {
10 | 			return {
11 | 				url: "https://s3.ax1x.com/2020/12/15/rMI1JO.png"
12 | 			}
13 | 		},
14 | 		methods: {
15 | 
16 | 		}
17 | 	}
18 | </script>
19 | 
20 | <style>
21 | 	image {
22 | 		width: 750rpx;
23 | 	}
24 | </style>
25 | 


--------------------------------------------------------------------------------
/pages/map/map.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="page-body">
 4 | 			<view class="page-section page-section-gap">
 5 | 				<map style="width: 100%; height: 800px;" :latitude="latitude" :longitude="longitude" :markers="covers">
 6 | 				</map>
 7 | 			</view>
 8 | 		</view>
 9 | 	</view>
10 | </template>
11 | 
12 | <script>
13 | 	import {
14 | 		myRequestPost
15 | 	} from '@/utils/zgrequest.js'
16 | 	export default {
17 | 		data() {
18 | 			return {
19 | 				id: 0, // 使用 marker点击事件 需要填写id
20 | 				title: 'map',
21 | 				latitude: this.latitude,
22 | 				longitude: this.longitude,
23 | 				covers: [{
24 | 					latitude: this.latitude,
25 | 					longitude: this.longitude,
26 | 					iconPath: '../../../static/location.png'
27 | 				}, {
28 | 					latitude: this.latitude,
29 | 					longitude: this.longitude,
30 | 					iconPath: '../../../static/location.png'
31 | 				}]
32 | 			}
33 | 
34 | 		},
35 | 		onLoad(options) {
36 | 			console.log(this.options, "666666666")
37 | 			this.storeNo = options.storeNo
38 | 			this.getPicture()
39 | 		},
40 | 		methods: {
41 | 			async getPicture() {
42 | 				let result = await myRequestPost("/sojo.equity.store.detail.v.two", {
43 | 					"storeNo": this.storeNo,
44 | 					"client": "applets",
45 | 					"mobileBrand": "microsoft",
46 | 					"mobileModel": "microsoft",
47 | 					"osVersion": "Windows 10 x64",
48 | 					"timestamp": 1607425661000,
49 | 					"sign": "53E5E8A53FCC179B1006E2A61F2D6A8E"
50 | 				});
51 | 				console.log(this.result, "8484869")
52 | 				this.longitude = result.respData.longitude
53 | 				this.latitude = result.respData.latitude
54 | 				console.log(this.longitude, this.latitude, "9999999999")
55 | 			}
56 | 		},
57 | 	}
58 | </script>
59 | 
60 | <style>
61 | 
62 | </style>
63 | 


--------------------------------------------------------------------------------
/pages/mine/center.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="box">
 3 | 		<form @submit="formSubmit">
 4 | 			<view class="import">请输入兑换码</view>
 5 | 			<input class="conversion" name="input" focus />
 6 | 			<button type="default" class="btn" form-type="submit">立即兑换</button>
 7 | 			<view class="text">
 8 | 				<p>兑换说明</p>
 9 | 				<p>兑换中心仅对会员资格以及会员升级兑换，如需兑换优惠券请到个人中心内进行兑换</p>
10 | 				<p>会员资格兑换及会员升级兑换规则请仔细阅读<span style="color: #fda77b;">《如程会员协议》</span>及
11 | 					<span style="color: #fda77b;">《如程任享会员升级规则》</span>。一经兑换，则视为会员同意前述协议及规则，相应会员资格即生效</p>
12 | 			</view>
13 | 		</form>
14 | 	</view>
15 | </template>
16 | 
17 | <script>
18 | 	export default {
19 | 		data() {
20 | 			return {
21 | 
22 | 			}
23 | 		},
24 | 		methods: {
25 | 			formSubmit(e) {
26 | 				// console.log(e.detail.value.input)
27 | 				var formdata = e.detail.value.input
28 | 				uni.showModal({
29 | 					content: '您的兑换码是' + formdata,
30 | 					showCancel: false
31 | 				});
32 | 			}
33 | 		}
34 | 	}
35 | </script>
36 | 
37 | <style scoped lang="less">
38 | 	.box {
39 | 		width: 600rpx;
40 | 		height: 800rpx;
41 | 		margin: 180rpx 75rpx;
42 | 		// background-color: skyblue;
43 | 
44 | 		.import,
45 | 		.text {
46 | 			font-size: 30rpx;
47 | 			color: rgb(79, 79, 79);
48 | 		}
49 | 
50 | 		.conversion {
51 | 			box-sizing: border-box;
52 | 			width: 100%;
53 | 			border: 1px solid #aaa;
54 | 			margin-top: 30rpx;
55 | 			margin-bottom: 62rpx;
56 | 			height: 103rpx;
57 | 		}
58 | 
59 | 		.btn {
60 | 			background-color: #fc6315;
61 | 			color: #fff;
62 | 		}
63 | 
64 | 		.text {
65 | 			margin-top: 56rpx;
66 | 
67 | 			p {
68 | 				margin-top: 30rpx;
69 | 			}
70 | 		}
71 | 
72 | 	}
73 | </style>
74 | 


--------------------------------------------------------------------------------
/pages/mine/hands.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="container">
  3 | 		<view class="title">输入酒店简要信息</view>
  4 | 		<view class="table" v-for="(item,id) in tabs" :key="id">
  5 | 			<view class="name">
  6 | 				<text class="icon">{{ item.icon }}</text>
  7 | 				{{ item.name }}
  8 | 			</view>
  9 | 			<view class="input">
 10 | 			</view>
 11 | 			<input class="detail" :placeholder="item.placeholder" placeholder-class="placeholder" />
 12 | 		</view>
 13 | 		<view class="ms">
 14 | 			<view class="zt">描述补充：</view><textarea></textarea>
 15 | 		</view>
 16 | 		<view class="pic">
 17 | 			<view class="zt">酒店照片:</view>
 18 | 			<view class="demo">
 19 | 			  <ss-upload-image :url="url" :file-list="fileList" :name="name" @on-success="onSuccess" @on-error="onError" @on-remove="onRemove" @on-process="onProcess"></ss-upload-image>
 20 | 			</view>
 21 | 		</view>
 22 | 		<view class="fixed">
 23 | 			<button @click="put">提交申请</button>
 24 | 		</view>
 25 | 		
 26 | 	</view>
 27 | 	<!-- <view>
 28 | 				<textarea></textarea>
 29 | 			</view> -->
 30 | </template>
 31 | 
 32 | <script>
 33 | import ssUploadImage from '@/components/ss-upload-image/ss-upload-image.vue'
 34 | export default {
 35 | 	data() {
 36 | 		return {
 37 | 			fileList: [],
 38 | 			url: 'http://',
 39 | 			name: 'file',
 40 | 			tabs: [
 41 | 				{
 42 | 					id: 0,
 43 | 					icon: '*',
 44 | 					name: '酒店名称:',
 45 | 					placeholder: '请输入酒店名称'
 46 | 				},
 47 | 				{
 48 | 					id: 1,
 49 | 					icon: '*',
 50 | 					name: '区域:',
 51 | 					placeholder: '省-市-区'
 52 | 				},
 53 | 				{
 54 | 					id: 2,
 55 | 					icon: '*',
 56 | 					name: '房间数量:',
 57 | 					placeholder: '请输入房间数量'
 58 | 				},
 59 | 				{
 60 | 					id: 3,
 61 | 					icon: '*',
 62 | 					name: '联系人:',
 63 | 					placeholder: '请输入联系人名称'
 64 | 				},
 65 | 				{
 66 | 					id: 4,
 67 | 					icon: '*',
 68 | 					name: '手机号:',
 69 | 					placeholder: '请输入联系人手机号'
 70 | 				},
 71 | 				{
 72 | 					id: 5,
 73 | 					name: 'OTA链接:',
 74 | 					placeholder: '请输入携程/去哪儿网/飞猪/等OTA酒店链接'
 75 | 				}
 76 | 			]
 77 | 		};
 78 | 	},
 79 | 	components: {
 80 | 	  ssUploadImage
 81 | 	},
 82 | 	methods: {
 83 | 	  // 上传成功
 84 | 	  onSuccess(res) {
 85 | 	    if (res.code === 0) {
 86 | 	      this.fileList.push(res.data.image_url)
 87 | 	    }
 88 | 	    console.log(res)
 89 | 	  },
 90 | 	  // 上传进程
 91 | 	  onProcess(res) {
 92 | 	    console.log(res)
 93 | 	  },
 94 | 	  // 上传失败
 95 | 	  onError(err) {
 96 | 	    console.log(err)
 97 | 	  },
 98 | 	  // 移除
 99 | 	  onRemove(index) {
100 | 	    this.fileList.splice(index, 1)
101 | 	  },
102 | 	  put(){
103 | 		  uni.showToast({
104 | 		  	title: '提交成功',
105 | 		  	duration: 1000
106 | 		  });
107 | 	  }
108 | 	}
109 | };
110 | </script>
111 | 
112 | <style lang="stylus">
113 | .container
114 | 	padding 20rpx 40rpx
115 | 	box-sizing border-box
116 | 	.title
117 | 		font-size 35rpx
118 | 		color #4a4a4a
119 | 	.table
120 | 		display flex
121 | 		margin-top 40rpx
122 | 		justify-content center
123 | 		align-items center
124 | 		.name
125 | 			flex 1
126 | 			color #4c4c4c
127 | 			float left
128 | 			text-align right
129 | 			font-size 30rpx
130 | 			padding-right 15rpx
131 | 		input
132 | 			width 480rpx
133 | 			height 66rpx
134 | 			border 1px solid #d4d4d4
135 | 			// margin-left 14rpx
136 | 			.placeholder
137 | 				font-size 26rpx
138 | 				padding-left 18rpx
139 | 		.icon
140 | 			color #fc864a
141 | 	.ms 
142 | 		display flex
143 | 		margin-top 40rpx
144 | 		padding-left 20rpx
145 | 		.zt 
146 | 			flex 1
147 | 			color #4c4c4c
148 | 			float left
149 | 			font-size 30rpx
150 | 			padding-top 15rpx
151 | 			white-space nowrap
152 | 			text-align right
153 | 		textarea
154 | 			width 480rpx
155 | 			height 150rpx
156 | 			border 1px solid #d4d4d4
157 | 	.pic
158 | 		display flex
159 | 		color #4c4c4c
160 | 		margin-top 40rpx
161 | 		font-size 30rpx
162 | 		// margin-left 15rpx
163 | 		padding-left 30rpx
164 | 		margin-bottom 200rpx
165 | 		// margin-right 30rpx
166 | 		.demo
167 | 			margin-left 31rpx
168 | 	.fixed 
169 | 		width 100%
170 | 		height 150rpx
171 | 		position fixed
172 | 		bottom 0
173 | 		background-color #FFFFFF
174 | 		
175 | 		button
176 | 			margin-right 80rpx
177 | 			background-color #fc6315
178 | 			color #FFFFFF
179 | 			font-weight 700
180 | </style>
181 |  
182 | 


--------------------------------------------------------------------------------
/pages/mine/join.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view>
 4 | 			<!-- #ifdef H5|MP-WEIXIN|APP-PLUS-->
 5 | 			<rich-text :nodes="content"></rich-text>
 6 | 			<!-- #endif -->
 7 | 			<!-- #ifdef MP-ALIPAY-->
 8 | 			<rich-text :nodes="htmlNodes"></rich-text>
 9 | 			<!-- #endif -->
10 | 			<view class="bottom">
11 | 				<button class="left" @click="tan">加入会员</button>
12 | 				<button class="right" @click="tan">为亲友开通</button>
13 | 			</view>
14 | 		</view>
15 | 	</view>
16 | </template>
17 | 
18 | <script>
19 | 	import {
20 | 		myRequestPost
21 | 	} from "@/utils/zgrequest.js";
22 | 	import parse from '@/utils/html.js'
23 | 	import {
24 | 		formatRichText
25 | 	} from '@/utils/format.js'
26 | 	export default {
27 | 		data() {
28 | 			return {
29 | 				content: "",
30 | 				arr: [],
31 | 				htmlNodes: ""
32 | 			}
33 | 		},
34 | 		mounted() {
35 | 			this.getNewsDetail()
36 | 		},
37 | 		methods: {
38 | 			async getNewsDetail() {
39 | 				const res = await myRequestPost('/sojo.equity.plantw.detail', {
40 | 					"channelCode": 301000000003,
41 | 					"memberPlanNo": 301000000003,
42 | 					"client": "applets",
43 | 					"mobileBrand": "microsoft",
44 | 					"mobileModel": "microsoft",
45 | 					"osVersion": "Windows 10 x64",
46 | 					"timestamp": 1608343589000,
47 | 					"sign": "D94078076E3F17F5E3B0D03DD7262D84"
48 | 				})
49 | 				for (let i = 0; i < 3; i++) {
50 | 					this.content = res.respData[i].content
51 | 					this.arr.push(this.content)
52 | 				}
53 | 				this.content = formatRichText(this.arr.join(','))
54 | 				//#ifdef MP-ALIPAY
55 | 				this.htmlNodes = parse(this.content)
56 | 				// #endif
57 | 			},
58 | 			tan() {
59 | 				uni.showToast({
60 | 					title: '开通成功',
61 | 					duration: 2000
62 | 				});
63 | 			}
64 | 		}
65 | 
66 | 	}
67 | </script>
68 | 
69 | <style scoped lang="less">
70 | 	image {
71 | 		width: 100%;
72 | 	}
73 | 
74 | 	.bottom {
75 | 		display: flex;
76 | 		position: fixed;
77 | 		bottom: 0;
78 | 		width: 100%;
79 | 		background-color: #FFFFFF;
80 | 		box-shadow: 0 2px;
81 | 		padding: 16rpx 0;
82 | 
83 | 		button {
84 | 			width: 375rpx;
85 | 			height: 90rpx;
86 | 			background-color: #fc6315;
87 | 			font-size: 36rpx;
88 | 			font-weight: 700;
89 | 			color: #FFFFFF;
90 | 		}
91 | 	}
92 | </style>
93 | 


--------------------------------------------------------------------------------
/pages/mine/login.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="container">
 3 | 		<image class="bg-set" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1964961921,3267854311&fm=26&gp=0.jpg"></image>
 4 | 		<view class="text">
 5 | 			<text>
 6 | 				Hi~
 7 | 				欢迎来到如程
 8 | 			</text>
 9 | 		</view>
10 | 
11 | 		<button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">微信授权登录</button>
12 | 	</view>
13 | </template>
14 | 
15 | <script>
16 | 	export default {
17 | 		data() {
18 | 			return {
19 | 
20 | 			}
21 | 		},
22 | 		methods: {
23 | 			getUserInfo(e) {
24 | 				// console.log(e)
25 | 				const userinfo = e.detail.rawData;
26 | 				// console.log(userinfo)
27 | 				uni.setStorageSync("userinfo", userinfo);
28 | 				uni.navigateBack({
29 | 					delta: 1
30 | 				});
31 | 			}
32 | 			// handleGetUserInfo(event) {
33 | 			// 	if (event.detail.userInfo) {
34 | 			// 		uni.reLaunch({
35 | 			// 			url: '/pages/personal/personal?userInfo=' + JSON.stringify(event.detail.userInfo)
36 | 			// 		})
37 | 			// 	}
38 | 			// }
39 | 		}
40 | 	}
41 | </script>
42 | 
43 | <style lang="scss">
44 | 	.bg-set {
45 | 		position: fixed;
46 | 		width: 100%;
47 | 		height: 100%;
48 | 		top: 0;
49 | 		left: 0;
50 | 		z-index: -1;
51 | 	}
52 | 
53 | 	.text {
54 | 		margin: 180rpx 80rpx;
55 | 		color: #FFFFFF;
56 | 		font-size: 80rpx;
57 | 	}
58 | 
59 | 	button {
60 | 		margin: 367rpx 60rpx;
61 | 		border-radius: 200rpx;
62 | 		background-color: #fc6315 !important;
63 | 	}
64 | </style>
65 | 


--------------------------------------------------------------------------------
/pages/mine/myQR.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<view class="block">
  4 | 
  5 | 		</view>
  6 | 		<view class="QR">
  7 | 			<image src="../../static/img/qr.png"></image>
  8 | 		</view>
  9 | 		<view class="title">
 10 | 			扫描二维码，加我好友
 11 | 		</view>
 12 | 		<view class="btn" v-show="showBtn" @tap="printscreen">
 13 | 			{{tis}}
 14 | 		</view>
 15 | 	</view>
 16 | </template>
 17 | 
 18 | <script>
 19 | 	export default {
 20 | 		data() {
 21 | 			return {
 22 | 				tis: "保存到相册",
 23 | 				showBtn: false
 24 | 			};
 25 | 		},
 26 | 		onLoad() {
 27 | 			// #ifdef APP-PLUS
 28 | 			this.showBtn = true;
 29 | 			// #endif
 30 | 		},
 31 | 		methods: {
 32 | 			// 截图，调用webview、Bitmap方法
 33 | 			printscreen() {
 34 | 				this.tis = "正在保存"
 35 | 				let ws = this.$mp.page.$getAppWebview();
 36 | 				let bitmap = new plus.nativeObj.Bitmap();
 37 | 				this.showBtn = false;
 38 | 				this.$nextTick(function() {
 39 | 					setTimeout(() => {
 40 | 						ws.draw(bitmap, (e) => {
 41 | 							this.showBtn = true;
 42 | 							console.log('bitmap绘制图片成功');
 43 | 							console.log("e: " + JSON.stringify(e));
 44 | 							bitmap.save("_doc/Qr.jpg", {
 45 | 								overwrite: true,
 46 | 								quality: 100
 47 | 							}, (i) => {
 48 | 								plus.gallery.save(i.target, (e) => {
 49 | 									uni.showToast({
 50 | 										title: '保存成功'
 51 | 									})
 52 | 									this.tis = "保存到相册"
 53 | 									bitmap.clear(); //销毁
 54 | 								}, (e) => {
 55 | 									bitmap.clear(); //销毁
 56 | 								});
 57 | 							}, (e) => {
 58 | 								console.log('保存图片失败：' + JSON.stringify(e));
 59 | 							});
 60 | 						}, (e) => {
 61 | 							console.log('bitmap绘制图片失败：' + JSON.stringify(e));
 62 | 						});
 63 | 					}, 200)
 64 | 				})
 65 | 			}
 66 | 		}
 67 | 	}
 68 | </script>
 69 | 
 70 | <style lang="scss">
 71 | 	page {
 72 | 		background-color: #ff6c36;
 73 | 	}
 74 | 
 75 | 	.block {
 76 | 		width: 100%;
 77 | 		height: 30vh;
 78 | 		background-color: #fff;
 79 | 		display: flex;
 80 | 		justify-content: center;
 81 | 
 82 | 	}
 83 | 
 84 | 	.QR {
 85 | 		width: 60vw;
 86 | 		height: 60vw;
 87 | 		margin: -40vw auto 0 auto;
 88 | 		background-color: #fff;
 89 | 		display: flex;
 90 | 		justify-content: center;
 91 | 		align-items: center;
 92 | 
 93 | 		image {
 94 | 			width: 50vw;
 95 | 			height: 50vw;
 96 | 		}
 97 | 	}
 98 | 
 99 | 	.title {
100 | 		width: 100%;
101 | 		margin-top: 50upx;
102 | 		display: flex;
103 | 		justify-content: center;
104 | 		font-size: 36upx;
105 | 		color: #fff;
106 | 	}
107 | 
108 | 	.btn {
109 | 
110 | 		width: 50%;
111 | 		height: 80upx;
112 | 		border-radius: 80upx;
113 | 		display: flex;
114 | 		justify-content: center;
115 | 		align-items: center;
116 | 		padding: 0 20upx;
117 | 		margin: 0 auto;
118 | 		margin-top: 50upx;
119 | 		background-color: rgba(255, 255, 255, .8);
120 | 	}
121 | 
122 | 	.logo {
123 | 		width: 100%;
124 | 		display: flex;
125 | 		justify-content: center;
126 | 		position: absolute;
127 | 		bottom: 25upx;
128 | 
129 | 		image {
130 | 			width: 39.6%;
131 | 		}
132 | 
133 | 	}
134 | </style>
135 | 


--------------------------------------------------------------------------------
/pages/mine/notice.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view @click="getNewsDetail" class="container">
 4 | 			<!-- #ifdef MP-WEIXIN|APP-PLUS -->
 5 | 			<rich-text :nodes="content"></rich-text>
 6 | 			<!-- #endif -->
 7 | 			<!-- #ifdef MP-ALIPAY -->
 8 | 			<rich-text :nodes="htmlNodes"></rich-text>
 9 | 			<!-- #endif -->
10 | 			<!-- #ifdef H5 -->
11 | 			<rich-text :nodes="content"></rich-text>
12 | 			<!-- #endif -->
13 | 		</view>
14 | 	</view>
15 | </template>
16 | 
17 | <script>
18 | 	import {
19 | 		myRequestPost
20 | 	} from "@/utils/zgrequest.js";
21 | 	import parse from '@/utils/html.js'
22 | 	export default {
23 | 		data() {
24 | 			return {
25 | 				content: "",
26 | 				htmlNodes: []
27 | 			}
28 | 		},
29 | 		onLoad() {
30 | 			this.getNewsDetail()
31 | 		},
32 | 		methods: {
33 | 			async getNewsDetail() {
34 | 				const res = await myRequestPost('/sojourn.equity.custom.web.content', {
35 | 					"contentNo": "10000001",
36 | 					"client": "applets",
37 | 					"mobileBrand": "microsoft",
38 | 					"mobileModel": "microsoft",
39 | 					"osVersion": "Windows 10 x64",
40 | 					"timestamp": 1607925096000,
41 | 					"sign": "8A8410C2566691E44C4007496946B829",
42 | 				})
43 | 				this.content = res.respData.content
44 | 				//#ifdef MP-ALIPAY
45 | 				this.htmlNodes = parse(this.content)
46 | 				// #endif
47 | 			}
48 | 		}
49 | 	}
50 | </script>
51 | 
52 | <style>
53 | 	.container {
54 | 		padding: 70rpx 20rpx;
55 | 		font-size: 30rpx;
56 | 		color: #636363;
57 | 	}
58 | </style>
59 | 


--------------------------------------------------------------------------------
/pages/mine/qusetion.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="container">
 3 | 		<collapse v-model="activeNames" accordion>
 4 | 			<collapse-item title="1.会员的有效期是多久？" name="1">
 5 | 				如程任享电子会员有效期自购当日起至1年后止；会员有效期期满后，会员有权益保留会员资格。续费金额以平台当时公示金额为准。
 6 | 			</collapse-item>
 7 | 			<collapse-item title="2.我可以同时预定好几个房间吗？" name="2">
 8 | 				会员使用免费入住权益时，每次最高可预订1个免费房间，连续2晚。当您完成本次订单退房后可进行下一次预定。
 9 | 			</collapse-item>
10 | 			<collapse-item title="3.会员有使用次数/房型限制吗？" name="3">
11 | 				会员有效期内，在如程所有合作酒店，会员享有不限次数、不限房型的免费入住权益。
12 | 			</collapse-item>
13 | 			<collapse-item title="4.会员可以和家人朋友一起使用吗？" name="4">
14 | 				在您本人入住的前提下，您可与家人朋友居住在一个房间。房间入住人数以酒店规则为准。
15 | 			</collapse-item>
16 | 			<collapse-item title="5.会员可以转让给朋友吗？" name="5">
17 | 				为了保证您的会员专属权益，您的如程任享仅供您本人使用。
18 | 			</collapse-item>
19 | 			<collapse-item title="6.入住后可以立刻下单预定其他行程吗？" name="6">
20 | 				不可以，会员在入住并办理完成退房手续后，可预订下次行程
21 | 			</collapse-item>
22 | 			<collapse-item title="7.保证金的收取标准是什么？" name="7">
23 | 				订房是需要付房费作为保证金，保证金金额按该房间市场价格（标价）计算，具体以实际支付金额为准。在入住完成并退房办理完成后，该笔保证金将予以退还。
24 | 			</collapse-item>
25 | 			<collapse-item title="8.可以开发票吗？" name="8">
26 | 				可以的。请您致电如程会员客服中心（400-872-9988），向客服申请开票，并提供相关开票信息：个人：邮箱、会员真实姓名；公司：邮箱、购买手机号、会员真实姓名、公司名称、公司税号、对公账号、开户银行、联系电话及地址
27 | 			</collapse-item>
28 | 			<collapse-item title="9.保证金可以退回到哪里？多久可以到账？" name="8">
29 | 				保证金将在退房完成后一个工作日内退还至会员付款的银行或其他收款账户中
30 | 			</collapse-item>
31 | 		</collapse>
32 | 
33 | 	</view>
34 | 
35 | </template>
36 | 
37 | <script>
38 | 	import collapse from '@/components/uni-ui/uni-collapse/uni-collapse';
39 | 	import collapseItem from '@/components/uni-ui/uni-collapse-item/uni-collapse-item';
40 | 
41 | 	export default {
42 | 		data() {
43 | 			return {
44 | 				activeNames: ['1'],
45 | 				accordion: false
46 | 			}
47 | 		},
48 | 		components: {
49 | 			collapse,
50 | 			collapseItem
51 | 		},
52 | 		methods: {
53 | 
54 | 		}
55 | 	}
56 | </script>
57 | 
58 | <style lang="less">
59 | 	.container {
60 | 		margin-top: 89rpx;
61 | 	}
62 | 
63 | 	.uni-collapse-cell {
64 | 		margin: 0 40rpx;
65 | 	}
66 | </style>
67 | 


--------------------------------------------------------------------------------
/pages/mine/service.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="bg1">
 3 | 		<view class="bg">
 4 | 			<button type="default" class="qs" @click="goQs">
 5 | 				<text class="fl1 icon-wenti iconfont" style="color: #fd8d54;"></text>
 6 | 				<view class="fl">常见问题</view>
 7 | 				<text class="icon icon-zuojiantou iconfont" style="color: #bcbcbc;"></text>
 8 | 			</button>
 9 | 			<button type="default" @click="no">
10 | 				<text class="fl1 icon-huida iconfont" style="color: #fd8d54;"></text>
11 | 				<view class="fl">在线客服<span>（服务时间：10:00~24:00）</span></view>
12 | 				<text class="icon-zuojiantou iconfont icon" style="color: #bcbcbc;"></text>
13 | 			</button>
14 | 		</view>
15 | 	</view>
16 | 
17 | </template>
18 | 
19 | <script>
20 | 	export default {
21 | 		data() {
22 | 			return {
23 | 
24 | 			}
25 | 		},
26 | 		methods: {
27 | 			no() {
28 | 				uni.showToast({
29 | 					title: '此功能暂未开通',
30 | 					duration: 1000,
31 | 					icon: 'none'
32 | 				});
33 | 			},
34 | 			goQs() {
35 | 				uni.navigateTo({
36 | 					url: `/pages/mine/qusetion`,
37 | 				})
38 | 			}
39 | 		}
40 | 	}
41 | </script>
42 | 
43 | <style lang="less">
44 | 	page {
45 | 		height: 100%;
46 | 		background-color: #f8f8f8;
47 | 	}
48 | 
49 | 	.bg {
50 | 		// background-color: #f8f8f8;
51 | 		margin: 80rpx 40rpx;
52 | 
53 | 
54 | 		button {
55 | 			display: flex;
56 | 			background-color: #FFFFFF;
57 | 			font-size: 30rpx;
58 | 			font-weight: 700;
59 | 			height: 111rpx;
60 | 			line-height: 111rpx;
61 | 
62 | 			.fl {
63 | 				text-align: left;
64 | 				padding-left: 41rpx;
65 | 				width: 520rpx;
66 | 			}
67 | 
68 | 			.fl1 {
69 | 				flex: 1;
70 | 			}
71 | 
72 | 			span {
73 | 				font-size: 25rpx;
74 | 				font-weight: 400;
75 | 				color: #ccc;
76 | 			}
77 | 
78 | 			.icon {
79 | 				flex: 1;
80 | 				font-size: 39rpx;
81 | 
82 | 			}
83 | 		}
84 | 
85 | 		.qs {
86 | 			margin-bottom: 30rpx;
87 | 
88 | 		}
89 | 
90 | 	}
91 | </style>
92 | 


--------------------------------------------------------------------------------
/pages/mine/setting.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<view class="content">
  4 | 			<view class="list">
  5 | 				<view class="row">
  6 | 					<view class="title">头像</view>
  7 | 					<view class="right">
  8 | 						<view class="tis">
  9 | 							<image class="portrait" :src="userinfo.avatarUrl"></image>
 10 | 						</view>
 11 | 						<view class="icon xiangyou"></view>
 12 | 					</view>
 13 | 				</view>
 14 | 				<view class="row">
 15 | 					<view class="title">昵称</view>
 16 | 					<view class="right">
 17 | 						<view class="tis">{{userinfo.nickName}}</view>
 18 | 						<view class="icon xiangyou"></view>
 19 | 					</view>
 20 | 				</view>
 21 | 				<view class="row">
 22 | 					<view class="title">个性签名</view>
 23 | 					<view class="right">
 24 | 						<view class="tis">这人太懒了，什么都不写</view>
 25 | 						<view class="icon xiangyou"></view>
 26 | 					</view>
 27 | 				</view>
 28 | 				<view class="row">
 29 | 					<view class="title">收货地址</view>
 30 | 					<view class="right">
 31 | 						<view class="tis"></view>
 32 | 						<view class="icon xiangyou"></view>
 33 | 					</view>
 34 | 				</view>
 35 | 				<view class="row">
 36 | 					<view class="title">账户安全</view>
 37 | 					<view class="right">
 38 | 						<view class="tis"></view>
 39 | 						<view class="icon xiangyou"></view>
 40 | 					</view>
 41 | 				</view>
 42 | 			</view>
 43 | 			<view class="list">
 44 | 				<view class="row">
 45 | 					<view class="title">通知提醒</view>
 46 | 					<view class="right">
 47 | 						<view class="tis"></view>
 48 | 						<view class="icon xiangyou"></view>
 49 | 					</view>
 50 | 				</view>
 51 | 				<view class="row">
 52 | 					<view class="title">支付设置</view>
 53 | 					<view class="right">
 54 | 						<view class="tis"></view>
 55 | 						<view class="icon xiangyou"></view>
 56 | 					</view>
 57 | 				</view>
 58 | 				<view class="row">
 59 | 					<view class="title">通用</view>
 60 | 					<view class="right">
 61 | 						<view class="tis"></view>
 62 | 						<view class="icon xiangyou"></view>
 63 | 					</view>
 64 | 				</view>
 65 | 			</view>
 66 | 			<view class="list">
 67 | 				<view class="row">
 68 | 					<view class="title">版本升级</view>
 69 | 					<view class="right">
 70 | 						<view class="tis">v1.0.0</view>
 71 | 						<view class="icon xiangyou"></view>
 72 | 					</view>
 73 | 				</view>
 74 | 				<view class="row">
 75 | 					<view class="title">清除缓存</view>
 76 | 					<view class="right">
 77 | 						<view class="tis"></view>
 78 | 						<view class="icon xiangyou"></view>
 79 | 					</view>
 80 | 				</view>
 81 | 				<view class="row">
 82 | 					<view class="title">问题反馈</view>
 83 | 					<view class="right">
 84 | 						<view class="tis"></view>
 85 | 						<view class="icon xiangyou"></view>
 86 | 					</view>
 87 | 				</view>
 88 | 				<view class="row">
 89 | 					<view class="title">关于商城</view>
 90 | 					<view class="right">
 91 | 						<view class="tis"></view>
 92 | 						<view class="icon xiangyou"></view>
 93 | 					</view>
 94 | 				</view>
 95 | 			</view>
 96 | 		</view>
 97 | 	</view>
 98 | </template>
 99 | 
100 | <script>
101 | 	export default {
102 | 		data() {
103 | 			return {
104 | 				userinfo: {}
105 | 			};
106 | 		},
107 | 		onShow() {
108 | 			const userinfo = uni.getStorageSync("userinfo");
109 | 			this.userinfo = JSON.parse(userinfo)
110 | 			console.log(this.userinfo)
111 | 		},
112 | 		methods: {
113 | 			showType(tbIndex) {
114 | 				this.tabbarIndex = tbIndex;
115 | 				this.list = this.orderList[tbIndex];
116 | 			}
117 | 		}
118 | 	}
119 | </script>
120 | 
121 | <style lang="scss">
122 | 	page {
123 | 		background-color: #f3f3f3;
124 | 	}
125 | 
126 | 	.icon {
127 | 		font-size: 30upx;
128 | 
129 | 	}
130 | 
131 | 	.content {
132 | 		padding-bottom: 20upx;
133 | 
134 | 		.list {
135 | 			width: 96%;
136 | 			padding-left: 4%;
137 | 			background-color: #fff;
138 | 			margin-bottom: 20upx;
139 | 
140 | 			.row {
141 | 				widows: 100%;
142 | 				min-height: 90upx;
143 | 				display: flex;
144 | 				align-items: center;
145 | 				justify-content: space-between;
146 | 				border-bottom: solid 1upx #eee;
147 | 
148 | 				&:last-child {
149 | 					border-bottom: none;
150 | 				}
151 | 
152 | 				.title {
153 | 					font-size: 32upx;
154 | 					color: #333;
155 | 				}
156 | 
157 | 				.right {
158 | 					display: flex;
159 | 					align-items: center;
160 | 					color: #999;
161 | 
162 | 					.tis {
163 | 						font-size: 26upx;
164 | 						margin-right: 5upx;
165 | 						max-height: 120upx;
166 | 
167 | 						image {
168 | 							width: 100upx;
169 | 							height: 100upx;
170 | 							border-radius: 100%;
171 | 							margin: 10upx 0;
172 | 						}
173 | 					}
174 | 
175 | 					.icon {
176 | 						width: 40upx;
177 | 						color: #cecece;
178 | 					}
179 | 				}
180 | 
181 | 			}
182 | 		}
183 | 	}
184 | </style>
185 | 


--------------------------------------------------------------------------------
/pages/news/news.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="home">
 3 | 		<!-- 顶部标题图片 -->
 4 | 		<image :src="topurl" mode="widthFix"></image>
 5 | 
 6 | 		<!-- 子组件轮播图部分 -->
 7 | 		<view v-for="item in number">
 8 | 			<swiperAdv v-if="res.length" :res="res[item]"></swiperAdv>
 9 | 		</view>
10 | 	</view>
11 | </template>
12 | 
13 | <script>
14 | 	import swiperAdv from '@/components/swiperAdv/swiperAdv.vue'
15 | 	import {
16 | 		myRequestPost
17 | 	} from '@/utils/zgrequest.js'
18 | 
19 | 	export default {
20 | 		data() {
21 | 			return {
22 | 				topurl: "https://image.ructrip.com/ructrip/1606400279047/34534255.jpg",
23 | 				res: [],
24 | 				number: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23]
25 | 
26 | 			}
27 | 		},
28 | 
29 | 		onLoad() {
30 | 			this.getNewAdv()
31 | 		},
32 | 
33 | 		methods: {
34 | 			async getNewAdv() {
35 | 				let result = await myRequestPost("/sojo.equity.store.anniversary.store.list", {
36 | 					"pageNum": 1,
37 | 					"pageSize": 24,
38 | 					"client": "applets",
39 | 					"mobileBrand": "microsoft",
40 | 					"mobileModel": "microsoft",
41 | 					"osVersion": "Windows 10 x64",
42 | 					"timestamp": 1608019849000,
43 | 					"sign": "A5AE9FC080623E4CDD6112BD36C13005"
44 | 				});
45 | 				if (result.respCode === "00") {
46 | 					// this.RespData = result.respData
47 | 					// console.log(this.RespData)
48 | 					this.res = [...this.res, ...result.respData.equityVoPageInfo.list]
49 | 					console.log(this.res, "11111111")
50 | 				}
51 | 			},
52 | 		},
53 | 		components: {
54 | 			swiperAdv
55 | 		}
56 | 	}
57 | </script>
58 | 
59 | <style lang="less">
60 | 	.home {
61 | 		background-color: #7487ee;
62 | 
63 | 		image {
64 | 			display: block;
65 | 			width: 750rpx;
66 | 		}
67 | 	}
68 | </style>
69 | 


--------------------------------------------------------------------------------
/pages/prize/prize.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<!-- #ifdef MP-WEIXIN -->
 4 | 		<uni-popup ref="popup" type="dialog">
 5 | 			<uni-popup-dialog title="该功能暂未开通" type="info" message="成功消息" :duration="2000" :before-close="true" @close="close"
 6 | 			 @confirm="confirm"></uni-popup-dialog>
 7 | 		</uni-popup>
 8 | 		<!-- #endif -->
 9 | 		
10 | 		<!-- #ifdef MP-ALIPAY|H5|APP-PLUS -->
11 | 			<view class="tips">
12 | 				<text>该功能暂未开通哦，请耐心等待~</text>
13 | 			</view>
14 | 		<!-- #endif -->
15 | 	</view>
16 | </template>
17 | 
18 | <script>
19 | 	import uniPopup from '@/components/uni-ui/uni-popup/uni-popup.vue';
20 | 	import uniPopupMessage from '@/components/uni-ui/uni-popup-message/uni-popup-message.vue';
21 | 	import uniPopupDialog from '@/components/uni-ui/uni-popup-dialog/uni-popup-dialog.vue'
22 | 	export default {
23 | 		data() {
24 | 			return {
25 | 
26 | 			}
27 | 		},
28 | 		onLoad() {
29 | 			this.$refs.popup.open()
30 | 		},
31 | 		methods: {
32 | 			close(done) {
33 | 				done()
34 | 			},
35 | 
36 | 			confirm(done) {
37 | 				done()
38 | 			},
39 | 
40 | 			
41 | 		},
42 | 		components: {
43 | 			uniPopup,
44 | 			uniPopupMessage,
45 | 			uniPopupDialog
46 | 		}
47 | 	}
48 | </script>
49 | 
50 | <style lang="less">
51 | 	.tips{
52 | 		display:flex;
53 | 		justify-content: center;
54 | 		align-items: center;
55 | 		width: 750rpx;
56 | 		height: 1000rpx;
57 | 		color: gray;
58 | 	}
59 | </style>
60 | 


--------------------------------------------------------------------------------
/pages/questions/questions.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="container">
 3 | 		<collapse v-model="activeNames" accordion>
 4 | 			<collapse-item title="1.会员的有效期是多久？" name="1">
 5 | 				如程任享电子会员有效期自购当日起至1年后止；会员有效期期满后，会员有权益保留会员资格。续费金额以平台当时公示金额为准。
 6 | 			</collapse-item>
 7 | 			<collapse-item title="2.我可以同时预定好几个房间吗？" name="2">
 8 | 				会员使用免费入住权益时，每次最高可预订1个免费房间，连续2晚。当您完成本次订单退房后可进行下一次预定。
 9 | 			</collapse-item>
10 | 			<collapse-item title="3.会员有使用次数/房型限制吗？" name="3">
11 | 				会员有效期内，在如程所有合作酒店，会员享有不限次数、不限房型的免费入住权益。
12 | 			</collapse-item>
13 | 			<collapse-item title="4.会员可以和家人朋友一起使用吗？" name="4">
14 | 				在您本人入住的前提下，您可与家人朋友居住在一个房间。房间入住人数以酒店规则为准。
15 | 			</collapse-item>
16 | 			<collapse-item title="5.会员可以转让给朋友吗？" name="5">
17 | 				为了保证您的会员专属权益，您的如程任享仅供您本人使用。
18 | 			</collapse-item>
19 | 			<collapse-item title="6.入住后可以立刻下单预定其他行程吗？" name="6">
20 | 				不可以，会员在入住并办理完成退房手续后，可预订下次行程
21 | 			</collapse-item>
22 | 			<collapse-item title="7.保证金的收取标准是什么？" name="7">
23 | 				订房是需要付房费作为保证金，保证金金额按该房间市场价格（标价）计算，具体以实际支付金额为准。在入住完成并退房办理完成后，该笔保证金将予以退还。
24 | 			</collapse-item>
25 | 			<collapse-item title="8.可以开发票吗？" name="8">
26 | 				可以的。请您致电如程会员客服中心（400-872-9988），向客服申请开票，并提供相关开票信息：个人：邮箱、会员真实姓名；公司：邮箱、购买手机号、会员真实姓名、公司名称、公司税号、对公账号、开户银行、联系电话及地址
27 | 			</collapse-item>
28 | 			<collapse-item title="9.保证金可以退回到哪里？多久可以到账？" name="8">
29 | 				保证金将在退房完成后一个工作日内退还至会员付款的银行或其他收款账户中
30 | 			</collapse-item>
31 | 		</collapse>
32 | 
33 | 	</view>
34 | 
35 | </template>
36 | 
37 | <script>
38 | 	import collapse from '@/components/uni-ui/uni-collapse/uni-collapse';
39 | 	import collapseItem from '@/components/uni-ui/uni-collapse-item/uni-collapse-item';
40 | 
41 | 	export default {
42 | 		data() {
43 | 			return {
44 | 				activeNames: ['1'],
45 | 				accordion: false
46 | 			}
47 | 		},
48 | 		components: {
49 | 			collapse,
50 | 			collapseItem
51 | 		},
52 | 		methods: {
53 | 
54 | 		}
55 | 	}
56 | </script>
57 | 
58 | <style lang="less">
59 | 	.container {
60 | 		margin-top: 89rpx;
61 | 	}
62 | 
63 | 	.uni-collapse-cell {
64 | 		margin: 0 40rpx;
65 | 	}
66 | </style>
67 | 


--------------------------------------------------------------------------------
/pages/reservation/reservation.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<web-view :webview-styles="webviewStyles" src="https://mall.ructrip.com/web-content-img/?code=1&id=2007312252531"></web-view>
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	export default {
 9 | 		data() {
10 | 			return {
11 | 				webviewStyles: {
12 | 					progress: {
13 | 						color: '#FF3333'
14 | 					}
15 | 				}
16 | 			}
17 | 		},
18 | 		methods: {
19 | 
20 | 		}
21 | 	}
22 | </script>
23 | 
24 | <style>
25 | 
26 | </style>
27 | 


--------------------------------------------------------------------------------
/pages/reservationList/reservationList.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="home">
 3 | 		<!-- 顶部标题图片 -->
 4 | 		<image :src="topurl" mode="widthFix"></image>
 5 | 
 6 | 		<!-- 子组件轮播图部分 -->
 7 | 		<view v-for="item in number">
 8 | 			<swiperAdv v-if="res.length" :res="res[item]"></swiperAdv>
 9 | 		</view>
10 | 	</view>
11 | </template>
12 | 
13 | <script>
14 | 	import swiperAdv from '@/components/swiperAdv/swiperAdv.vue'
15 | 	import {
16 | 		myRequestPost
17 | 	} from '@/utils/zgrequest.js'
18 | 
19 | 	export default {
20 | 		data() {
21 | 			return {
22 | 				topurl: "https://s3.ax1x.com/2020/12/13/reVo7T.png",
23 | 				res: [],
24 | 				number: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19]
25 | 
26 | 			}
27 | 		},
28 | 
29 | 		onLoad() {
30 | 			this.getSwiperAdv()
31 | 		},
32 | 
33 | 		methods: {
34 | 			async getSwiperAdv() {
35 | 				let result = await myRequestPost("/sojourn.capi.rankReserve.listTop20", {
36 | 					"client": "applets",
37 | 					"mobileBrand": "microsoft",
38 | 					"mobileModel": "microsoft",
39 | 					"osVersion": "Windows 10 x64",
40 | 					"timestamp": 1607830073000,
41 | 					"sign": "D1A762F8F38768856D0A5B69085CE13A"
42 | 				});
43 | 				if (result.respCode === "00") {
44 | 					// this.RespData = result.respData
45 | 					// console.log(this.RespData)
46 | 					this.res = [...this.res, ...result.respData]
47 | 					console.log(this.res, "11111111")
48 | 				}
49 | 			},
50 | 		},
51 | 
52 | 		components: {
53 | 			swiperAdv,
54 | 
55 | 		}
56 | 	}
57 | </script>
58 | 
59 | <style lang="less">
60 | 	.home {
61 | 		background-color: #000000;
62 | 
63 | 		image {
64 | 			display: block;
65 | 			width: 750rpx;
66 | 		}
67 | 	}
68 | </style>
69 | 


--------------------------------------------------------------------------------
/pages/search/search.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="home">
  3 | 		<!-- 搜索按钮 -->
  4 | 		<button class="search" @click="goSearch">
  5 | 			<text class="country">全国</text>
  6 | 			<text class="icon1 icon-jiantou9 iconfont"></text>
  7 | 			<text class="city">{{title}}</text>
  8 | 		</button>
  9 | 
 10 | 		<!-- 广告部分 -->
 11 | 		<image :src="url" mode="widthFix" @click="goVip"></image>
 12 | 
 13 | 		<!-- 城市列表 -->
 14 | 		<view v-for="item in res.length" :key="item">
 15 | 			<Suzhou :res="res[item]" :pageNum="pageNum" :cityCode="cityCode"></Suzhou>
 16 | 		</view>
 17 | 
 18 | 		<!-- 下拉加载 -->
 19 | 		<uni-load-more v-if="!flag" :status="'loading'"></uni-load-more>
 20 | 		<uni-load-more v-else :status="'noMore'"></uni-load-more>
 21 | 	</view>
 22 | </template>
 23 | 
 24 | <script>
 25 | 	import Suzhou from '@/components/suzhou/suzhou.vue'
 26 | 	import uniLoadMore from "@/components/uni-ui/uni-load-more/uni-load-more.vue"
 27 | 	import {
 28 | 		myRequestPost
 29 | 	} from "@/utils/zgrequest.js"
 30 | 	export default {
 31 | 		data() {
 32 | 			return {
 33 | 				title: "点击选择城市",
 34 | 				pageNum: 1,
 35 | 				cityCode: "",
 36 | 				res: [],
 37 | 				flag: false,
 38 | 				url: "https://image.ructrip.com/ructrip/1608122201728/1204-未购卡-任享会员688+20天会期-通用通览.jpg"
 39 | 			}
 40 | 		},
 41 | 		onLoad(options) {
 42 | 			this.cityCode = options.cityCode;
 43 | 			console.log(this.cityCode, "1111111111");
 44 | 			// this.getPicture();
 45 | 			// this.getName()
 46 | 
 47 | 			this.getword()
 48 | 		},
 49 | 		methods: {
 50 | 			goSearch() {
 51 | 				uni.navigateTo({
 52 | 					url: "/pages/citiesList/citiesList"
 53 | 				})
 54 | 			},
 55 | 			goVip() {
 56 | 				uni.navigateTo({
 57 | 					url: "/pages/welfare/welfare"
 58 | 				})
 59 | 			},
 60 | 			async getword() {
 61 | 				let result = await myRequestPost("/sojo.equity.home.listIndexCityMenuRecommend", {
 62 | 					"pageNum": this.pageNum,
 63 | 					"pageSize": 3,
 64 | 					"cityCode": this.cityCode,
 65 | 					"platFrom": 10,
 66 | 					"memberCityCode": "320200",
 67 | 					"storeNoListStr": "",
 68 | 					"client": "applets",
 69 | 					"mobileBrand": "microsoft",
 70 | 					"mobileModel": "microsoft",
 71 | 					"osVersion": "Windows 10 x64",
 72 | 					"timestamp": 1608105167000,
 73 | 					"sign": "2BD4F2E388596CE4EB209B0C440BD3EF"
 74 | 				});
 75 | 				this.res = [...this.res, ...result.respData.list]
 76 | 
 77 | 				this.res = this.res.filter(item => {
 78 | 					if (item.storeImage) {
 79 | 						return item;
 80 | 					}
 81 | 				})
 82 | 				this.page = result.respData.pages
 83 | 
 84 | 
 85 | 			},
 86 | 			onReachBottom() {
 87 | 				this.pageNum++;
 88 | 				if (this.pageNum <= this.page) {
 89 | 					this.getword();
 90 | 
 91 | 
 92 | 				} else {
 93 | 					//没有更多数据了item.length
 94 | 					this.flag = true;
 95 | 				}
 96 | 				/* switch (){
 97 | 					
 98 | 				} */
 99 | 			},
100 | 
101 | 			onPullDownRefresh() {
102 | 				uni.showNavigationBarLoading(); //在标题栏中显示加载图标
103 | 				uni.request({
104 | 					url: 'https://capi.ructrip.com/sojo.equity.home.listIndexCityMenuRecommend',
105 | 					method: 'POST',
106 | 					header: {
107 | 						'content-type': 'application/json'
108 | 					},
109 | 					data: {},
110 | 					success: function(res) {
111 | 
112 | 					},
113 | 					fail: function(res) {},
114 | 					complete: function(res) {
115 | 						uni.hideNavigationBarLoading(); //完成停止加载图标
116 | 						uni.stopPullDownRefresh();
117 | 					}
118 | 				})
119 | 			}
120 | 
121 | 		},
122 | 		components: {
123 | 			Suzhou,
124 | 			uniLoadMore
125 | 		}
126 | 	}
127 | </script>
128 | 
129 | <style lang="less">
130 | 	.home {
131 | 		.search {
132 | 			margin-top: 20rpx;
133 | 			width: 680rpx;
134 | 			height: 80rpx;
135 | 			line-height: 80rpx;
136 | 			border: 1px solid #e0e0e0;
137 | 			background-color: #FFFFFF;
138 | 			outline: hidden;
139 | 			color: #9d9d9d;
140 | 			margin-left: 35rpx;
141 | 			font-size: 28rpx;
142 | 			position: relative;
143 | 			padding-left: 30rpx;
144 | 
145 | 			.country {
146 | 				font-size: 28rpx;
147 | 				font-weight: 600;
148 | 				color: #4a4a4a;
149 | 				margin-right: 22rpx;
150 | 				float: left;
151 | 			}
152 | 
153 | 			.icon1 {
154 | 				font-size: 18rpx;
155 | 				color: #b1b1b1;
156 | 				margin-right: 12rpx;
157 | 				float: left;
158 | 			}
159 | 
160 | 			.city {
161 | 				float: left;
162 | 			}
163 | 		}
164 | 
165 | 		image {
166 | 			width: 680rpx;
167 | 			margin-top: 20rpx;
168 | 			margin-left: 35rpx;
169 | 		}
170 | 	}
171 | </style>
172 | 


--------------------------------------------------------------------------------
/pages/shouquan/shouquan.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	export default {
 9 | 		data() {
10 | 			return {
11 | 				
12 | 			}
13 | 		},
14 | 		methods: {
15 | 			
16 | 		}
17 | 	}
18 | </script>
19 | 
20 | <style>
21 | 
22 | </style>
23 | <template>
24 | 	<view class="container">
25 | 		<image class="bg-set" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1964961921,3267854311&fm=26&gp=0.jpg"></image>
26 | 		<view class="text">
27 | 			<text>
28 | 				Hi~
29 | 				欢迎来到如程
30 | 			</text>
31 | 		</view>
32 | 
33 | 		<button type="primary" open-type="getUserInfo" @getuserinfo="handleGetUserInfo">微信授权登录</button>
34 | 	</view>
35 | </template>
36 | 
37 | <script>
38 | 	export default {
39 | 		data() {
40 | 			return {
41 | 
42 | 			}
43 | 		},
44 | 		methods: {
45 | 			/* getUserInfo(e) {
46 | 				// console.log(e)
47 | 				const userinfo = e.detail.rawData;
48 | 				// console.log(userinfo)
49 | 				uni.setStorageSync("userinfo", userinfo);
50 | 				uni.navigateBack({
51 | 					delta: 1
52 | 				});
53 | 			} */
54 | 			handleGetUserInfo(event) {
55 | 				if (event.detail.userInfo) {
56 | 					uni.reLaunch({
57 | 						url: '/pages/personal/personal?userInfo=' + JSON.stringify(event.detail.userInfo)
58 | 					})
59 | 				}
60 | 			}
61 | 		}
62 | 	}
63 | </script>
64 | 
65 | <style lang="scss">
66 | 	.bg-set {
67 | 		position: fixed;
68 | 		width: 100%;
69 | 		height: 100%;
70 | 		top: 0;
71 | 		left: 0;
72 | 		z-index: -1;
73 | 	}
74 | 
75 | 	.text {
76 | 		margin: 180rpx 80rpx;
77 | 		color: #FFFFFF;
78 | 		font-size: 80rpx;
79 | 	}
80 | 
81 | 	button {
82 | 		margin: 367rpx 60rpx;
83 | 		border-radius: 200rpx;
84 | 		background-color: #fc6315 !important;
85 | 	}
86 | </style>
87 | 


--------------------------------------------------------------------------------
/pages/sleep/sleep.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="home">
 3 | 		<!-- 顶部标题图片 -->
 4 | 		<image :src="Url" mode="widthFix"></image>
 5 | 
 6 | 		<!-- 子组件轮播图部分 -->
 7 | 		<view v-for="item in number">
 8 | 			<swiperAdv v-if="res.length" :res="res[item]"></swiperAdv>
 9 | 		</view>
10 | 	</view>
11 | </template>
12 | 
13 | <script>
14 | 	import swiperAdv from '@/components/swiperAdv/swiperAdv.vue'
15 | 
16 | 	import {
17 | 		myRequestPost
18 | 	} from '@/utils/zgrequest.js'
19 | 
20 | 	export default {
21 | 		data() {
22 | 			return {
23 | 				Url: "https://image.ructrip.com/ructrip/1607880634493/otto2试睡专区2.jpg",
24 | 				res: [],
25 | 				number: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26]
26 | 
27 | 			}
28 | 		},
29 | 
30 | 		onLoad() {
31 | 			this.getSleep()
32 | 		},
33 | 
34 | 		methods: {
35 | 			async getSleep() {
36 | 				let result = await myRequestPost("/sojo.equity.store.tst.store.list", {
37 | 					"pageNum": 1,
38 | 					"pageSize": 27,
39 | 					"channelCode": null,
40 | 					"planNo": null,
41 | 					"exclusiveZoneId": "40",
42 | 					"trySleepActivityId": "1300608627434864641",
43 | 					"client": "applets",
44 | 					"mobileBrand": "microsoft",
45 | 					"mobileModel": "microsoft",
46 | 					"osVersion": "Windows 10 x64",
47 | 					"timestamp": 1608089847000,
48 | 					"sign": "BF1518CCA320E633C1A40E979B334C5D"
49 | 				});
50 | 				if (result.respCode === "00") {
51 | 					this.res = result.respData.equityVoPageInfo.list
52 | 					console.log(this.res, "0000000000000")
53 | 
54 | 				}
55 | 			},
56 | 		},
57 | 
58 | 		components: {
59 | 			swiperAdv
60 | 
61 | 		}
62 | 	}
63 | </script>
64 | 
65 | <style lang="less">
66 | 	.home {
67 | 		background-color: #aac567;
68 | 
69 | 		image {
70 | 			display: block;
71 | 			width: 750rpx;
72 | 		}
73 | 	}
74 | </style>
75 | 


--------------------------------------------------------------------------------
/pages/toViewmore/toViewmore.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="all">
 3 | 		<view class="content">
 4 | 			<!-- #ifdef MP-WEIXIN|APP-PLUS|H5 -->
 5 | 			<rich-text :nodes="attractionsNearby" aline="center"></rich-text>
 6 | 			<!-- #endif -->
 7 | 			<!-- #ifdef MP-ALIPAY-->
 8 | 			<rich-text :nodes="htmlNodes" aline="center"></rich-text>
 9 | 			<!-- #endif -->
10 | 		</view>
11 | 	</view>
12 | </template>
13 | 
14 | <script>
15 | 	import parse from '@/utils/htmlparser.js';
16 | 	import {
17 | 		formatRichText
18 | 	} from '@/utils/format.js'
19 | 	import {
20 | 		myRequestPost
21 | 	} from '@/utils/zgrequest.js'
22 | 	export default {
23 | 		data() {
24 | 			return {
25 | 				attractionsNearby: [],
26 | 				htmlNodes: []
27 | 			}
28 | 		},
29 | 		onLoad(options) {
30 | 			this.storeNo = options.storeNo
31 | 			this.getPicture()
32 | 		},
33 | 		methods: {
34 | 			async getPicture() {
35 | 				let result = await myRequestPost("/sojo.equity.store.detail.v.two", {
36 | 					"storeNo": this.storeNo,
37 | 					"client": "applets",
38 | 					"mobileBrand": "microsoft",
39 | 					"mobileModel": "microsoft",
40 | 					"osVersion": "Windows 10 x64",
41 | 					"timestamp": 1607425661000,
42 | 					"sign": "53E5E8A53FCC179B1006E2A61F2D6A8E"
43 | 				});
44 | 				console.log(this.attractionsNearby)
45 | 				this.attractionsNearby = formatRichText(result.respData.attractionsNearby)
46 | 				//#ifdef MP-ALIPAY
47 | 				//支付宝小程序rich-text不支持字符串，需要是nodes数组
48 | 				this.htmlNodes = parse(this.attractionsNearby)
49 | 				//#endif
50 | 			}
51 | 		}
52 | 	}
53 | </script>
54 | <style lang="scss">
55 | 	.content {
56 | 		padding: 15rpx;
57 | 		font-size: 28rpx;
58 | 		color: gray;
59 | 	}
60 | </style>
61 | 


--------------------------------------------------------------------------------
/pages/trafficGuidance/trafficGuidance.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="all">
 3 | 		<view class="content">
 4 | 			<!-- #ifdef MP-WEIXIN|H5|APP-PLUS -->
 5 | 			<rich-text :nodes="trafficGuide"></rich-text>
 6 | 			<!-- #endif -->
 7 | 			<!-- #ifdef MP-ALIPAY -->
 8 | 			<rich-text :nodes="htmlNodes"></rich-text>
 9 | 			<!-- #endif -->
10 | 		</view>
11 | 	</view>
12 | </template>
13 | 
14 | <script>
15 | 	import parse from '@/utils/htmlparser.js';
16 | 	import {
17 | 		myRequestPost
18 | 	} from '@/utils/zgrequest.js'
19 | 	export default {
20 | 		data() {
21 | 			return {
22 | 				htmlNodes: [],
23 | 				trafficGuide: [],
24 | 				storeNo: ""
25 | 			}
26 | 		},
27 | 		onLoad(options) {
28 | 			this.storeNo = options.storeNo;
29 | 			console.log(options.storeNo)
30 | 			console.log(this.storeNo, "44444444")
31 | 			this.getPicture()
32 | 		},
33 | 		methods: {
34 | 			async getPicture() {
35 | 				let result = await myRequestPost("/sojo.equity.store.detail.v.two", {
36 | 					"storeNo": this.storeNo,
37 | 					"client": "applets",
38 | 					"mobileBrand": "microsoft",
39 | 					"mobileModel": "microsoft",
40 | 					"osVersion": "Windows 10 x64",
41 | 					"timestamp": 1607425661000,
42 | 					"sign": "53E5E8A53FCC179B1006E2A61F2D6A8E"
43 | 				});
44 | 				console.log(this.trafficGuide)
45 | 				this.trafficGuide = result.respData.trafficGuide
46 | 				//#ifdef MP-ALIPAY
47 | 				//支付宝小程序rich-text不支持字符串，需要是nodes数组
48 | 				this.htmlNodes = parse(this.trafficGuide)
49 | 				//#endif
50 | 			}
51 | 		}
52 | 	}
53 | </script>
54 | <style lang="scss">
55 | 
56 | </style>
57 | 


--------------------------------------------------------------------------------
/pages/viewAllphotos/viewAllphotos.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="content">
 3 | 		<view class="respData" v-for="item in respData" :key="item.moduleId">
 4 | 			<view class="title">
 5 | 				{{item.title}}
 6 | 			</view>
 7 | 			<view class="picture">
 8 | 				<view v-for="item2 in item.storeModuleImageVos">
 9 | 					<image :src="item2.imageUrl" mode="widthFix"></image>
10 | 				</view>
11 | 			</view>
12 | 		</view>
13 | 	</view>
14 | </template>
15 | 
16 | <script>
17 | 	import {
18 | 		myRequestPost
19 | 	} from '@/utils/zgrequest.js'
20 | 	export default {
21 | 		data() {
22 | 			return {
23 | 				respData: [],
24 | 			}
25 | 		},
26 | 		onLoad(options) {
27 | 			this.No = options.storeNo
28 | 			this.getPicture();
29 | 			console.log(this.No, "5555555555")
30 | 		},
31 | 		methods: {
32 | 			async getPicture() {
33 | 				let result = await myRequestPost("/sojo.equity.store.module.info", {
34 | 					"storeNo": this.No,
35 | 					"client": "applets",
36 | 					"mobileBrand": "microsoft",
37 | 					"mobileModel": "microsoft",
38 | 					"osVersion": "Windows 10 x64",
39 | 					"timestamp": 1608018423000,
40 | 					"sign": "9F67F91DFADB90400B28B575BCAF054E"
41 | 				});
42 | 				this.respData = result.respData
43 | 				console.log("+8+888+8+8+8+8+8+8+8+8+8+8+88")
44 | 			},
45 | 		}
46 | 	}
47 | </script>
48 | 
49 | <style lang="scss">
50 | 	.content {
51 | 		.respData {
52 | 
53 | 
54 | 			text-align: center;
55 | 
56 | 			.picture {
57 | 				margin-top: 40rpx;
58 | 
59 | 
60 | 				image {
61 | 					margin-top: 20px;
62 | 
63 | 				}
64 | 			}
65 | 		}
66 | 
67 | 		.title {
68 | 			margin-top: 40rpx;
69 | 			font-size: 40rpx;
70 | 			font-weight: 600;
71 | 		}
72 | 	}
73 | </style>
74 | 


--------------------------------------------------------------------------------
/pages/viewDetails/viewDetails.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="all">
 3 | 		<view class="content">
 4 | 			<!-- #ifdef MP-WEIXIN|H5|APP-PLUS-->
 5 | 			<rich-text :nodes="enterNotice"></rich-text>
 6 | 			<!-- #endif -->
 7 | 			<!-- #ifdef MP-ALIPAY -->
 8 | 			<rich-text :nodes="htmlNodes"></rich-text>
 9 | 			<!-- #endif -->
10 | 		</view>
11 | 	</view>
12 | </template>
13 | 
14 | <script>
15 | 	import parse from '@/utils/htmlparser.js';
16 | 	import {
17 | 		myRequestPost
18 | 	} from '@/utils/zgrequest.js'
19 | 	export default {
20 | 		data() {
21 | 			return {
22 | 				enterNotice: [],
23 | 				htmlNodes: []
24 | 			}
25 | 		},
26 | 		onLoad(options) {
27 | 			this.storeNo = options.storeNo
28 | 
29 | 			this.getPicture()
30 | 		},
31 | 		methods: {
32 | 			async getPicture() {
33 | 				let result = await myRequestPost("/sojo.equity.store.detail.v.two", {
34 | 					"storeNo": this.storeNo,
35 | 					"client": "applets",
36 | 					"mobileBrand": "microsoft",
37 | 					"mobileModel": "microsoft",
38 | 					"osVersion": "Windows 10 x64",
39 | 					"timestamp": 1607425661000,
40 | 					"sign": "53E5E8A53FCC179B1006E2A61F2D6A8E"
41 | 				});
42 | 				this.enterNotice = result.respData.enterNotice
43 | 				//#ifdef MP-ALIPAY
44 | 				//支付宝小程序rich-text不支持字符串，需要是nodes数组
45 | 				this.htmlNodes = parse(this.enterNotice)
46 | 				//#endif
47 | 				console.log(this.enterNotice)
48 | 			}
49 | 		}
50 | 	}
51 | </script>
52 | <style lang="scss">
53 | 
54 | </style>
55 | 


--------------------------------------------------------------------------------
/pages/welfare/welfare.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view v-for="item in pics" :key="item">
 4 | 			<image :src="item" mode="widthFix"></image>
 5 | 		</view>
 6 | 
 7 | 		<view class="footer">
 8 | 			<button type="warn" @click="tan">加入会员</button>
 9 | 		</view>
10 | 
11 | 	</view>
12 | </template>
13 | <script>
14 | 	export default {
15 | 		data() {
16 | 			return {
17 | 				pics: [
18 | 					"https://image.ructrip.com/ructrip/1607607515647/%E3%80%90new%E3%80%911204-%E6%9C%AA%E8%B4%AD%E5%8D%A1-%E4%BB%BB%E4%BA%AB%E4%BC%9A%E5%91%98688+45%E5%A4%A9%E4%BC%9A%E6%9C%9F-%E5%A4%B4%E5%9B%BE-%E6%B8%A0%E9%81%93.jpg",
19 | 					"https://image.ructrip.com/ructrip/1607445628442/1204-%E6%9C%AA%E8%B4%AD%E5%8D%A1-%E4%BB%BB%E4%BA%AB%E4%BC%9A%E5%91%98688+20%E5%A4%A9%E4%BC%9A%E6%9C%9F-%E6%8E%A5%E5%86%85%E5%AE%B9%E9%A6%96%E5%B1%8F.jpg",
20 | 					"https://image.ructrip.com/ructrip/1601190709475/1280%E5%85%83%E5%A6%82%E7%A8%8B%E8%AF%A6%E6%83%85%E9%A1%B5%E6%9B%B4%E6%96%B0-%E5%AE%98%E6%96%B9_04.jpg",
21 | 					"https://image.ructrip.com/ructrip/1605698826486/4.jpg",
22 | 					"https://image.ructrip.com/ructrip/1601190724554/1280%E5%85%83%E5%A6%82%E7%A8%8B%E8%AF%A6%E6%83%85%E9%A1%B5%E6%9B%B4%E6%96%B0-%E5%AE%98%E6%96%B9_06.jpg",
23 | 					"https://image.ructrip.com/ructrip/1601190748548/1280%E5%85%83%E5%A6%82%E7%A8%8B%E8%AF%A6%E6%83%85%E9%A1%B5%E6%9B%B4%E6%96%B0-%E5%AE%98%E6%96%B9_07.jpg",
24 | 					"https://image.ructrip.com/ructrip/1601190754274/1280%E5%85%83%E5%A6%82%E7%A8%8B%E8%AF%A6%E6%83%85%E9%A1%B5%E6%9B%B4%E6%96%B0-%E5%AE%98%E6%96%B9_08.jpg",
25 | 					"https://image.ructrip.com/ructrip/1601190772427/1280%E5%85%83%E5%A6%82%E7%A8%8B%E8%AF%A6%E6%83%85%E9%A1%B5%E6%9B%B4%E6%96%B0-%E5%AE%98%E6%96%B9_09.jpg",
26 | 					"https://image.ructrip.com/ructrip/1601190777572/1280%E5%85%83%E5%A6%82%E7%A8%8B%E8%AF%A6%E6%83%85%E9%A1%B5%E6%9B%B4%E6%96%B0-%E5%AE%98%E6%96%B9_10.jpg"
27 | 				]
28 | 			}
29 | 		},
30 | 		methods: {
31 | 			tan() {
32 | 				uni.showToast({
33 | 					title: '开通成功',
34 | 					duration: 2000
35 | 				});
36 | 			}
37 | 		}
38 | 	}
39 | </script>
40 | 
41 | <style lang="less">
42 | 	view {
43 | 		position: relative;
44 | 
45 | 		image {
46 | 			display: block;
47 | 			width: 750rpx;
48 | 		}
49 | 
50 | 
51 | 		.footer {
52 | 			display: flex;
53 | 			position: fixed;
54 | 			bottom: 100rpx;
55 | 			width: 100%;
56 | 			background-color: #FFFFFF;
57 | 			box-shadow: 0 2px;
58 | 
59 | 
60 | 			button {
61 | 				margin-left: 40rpx;
62 | 				width: 670rpx;
63 | 				background-color: #fc6315;
64 | 				position: fixed;
65 | 			}
66 | 		}
67 | 
68 | 	}
69 | </style>
70 | 


--------------------------------------------------------------------------------
/pages/winter/winter.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="home">
  3 | 		<view class="imgFather">
  4 | 			<image :src="url1" mode="widthFix" class="img1"></image>
  5 | 			<view class="img2">
  6 | 				<image :src="url2" mode="widthFix" @click="goSleep"></image>
  7 | 			</view>
  8 | 		</view>
  9 | 
 10 | 		<view class="footer">
 11 | 			<!-- 倒计时部分 -->
 12 | 			<!-- 广告部分 -->
 13 | 			<view class="countdownPart">
 14 | 				<view class="countdown-words">
 15 | 					<text>距结束还剩:</text>
 16 | 				</view>
 17 | 				<view class="countdown">
 18 | 					<uni-countdown color="#FFFFFF" background-color="#e3506e" border-color="#e3506e" :day="29" :hour="23" :minute="59"
 19 | 					 :second="59"></uni-countdown>
 20 | 				</view>
 21 | 
 22 | 			</view>
 23 | 
 24 | 			<image :src="url3" mode="widthFix"></image>
 25 | 			<text class="text1">任享会员12个月+再送30天会期</text>
 26 | 			<text class="text2">会期内可预订1房2晚</text>
 27 | 			<text class="text3">权益详情></text>
 28 | 
 29 | 			<view class="VIP">
 30 | 				<button type="warn" @click="tan">加入会员</button>
 31 | 			</view>
 32 | 
 33 | 		</view>
 34 | 	</view>
 35 | </template>
 36 | 
 37 | <script>
 38 | 	import uniCountdown from '@/components/uni-ui/uni-countdown/uni-countdown.vue'
 39 | 
 40 | 	export default {
 41 | 		data() {
 42 | 			return {
 43 | 				url1: "https://image.ructrip.com/ructrip/1608123937914/双十二岁末年冬季头图 2.jpg",
 44 | 				url2: "https://image.ructrip.com/ructrip/1608177807197/试睡专区入口.png",
 45 | 				url3: "https://image.ructrip.com/ructrip/1608124845577/抢购会场sku.png"
 46 | 			}
 47 | 		},
 48 | 		methods: {
 49 | 			goSleep() {
 50 | 				uni.navigateTo({
 51 | 					url: "/pages/sleep/sleep"
 52 | 				})
 53 | 			},
 54 | 			tan() {
 55 | 				uni.showToast({
 56 | 					title: '开通成功',
 57 | 					duration: 2000
 58 | 				});
 59 | 			}
 60 | 		},
 61 | 		components: {
 62 | 			uniCountdown
 63 | 
 64 | 
 65 | 		}
 66 | 	}
 67 | </script>
 68 | 
 69 | <style lang="less">
 70 | 	.home {
 71 | 		background-color: #f5e9ec;
 72 | 
 73 | 		.imgFather {
 74 | 			position: relative;
 75 | 
 76 | 			.img1 {
 77 | 				width: 750rpx;
 78 | 			}
 79 | 
 80 | 			.img2 {
 81 | 				margin-left: 25rpx;
 82 | 				position: absolute;
 83 | 				top: 550rpx;
 84 | 
 85 | 				image {
 86 | 					width: 700rpx;
 87 | 					z-index: 998;
 88 | 				}
 89 | 			}
 90 | 		}
 91 | 
 92 | 		.footer {
 93 | 			position: relative;
 94 | 			width: 700rpx;
 95 | 			height: 650rpx;
 96 | 			background-color: #FFFFFF;
 97 | 			margin: 0 auto;
 98 | 			margin-top: 160rpx;
 99 | 			border-radius: 20rpx;
100 | 			padding-top: 35rpx;
101 | 
102 | 			.countdownPart {
103 | 				width: 470rpx;
104 | 				height: 100rpx;
105 | 				margin: 0 auto;
106 | 
107 | 
108 | 				.countdown-words {
109 | 					display: inline-block;
110 | 					width: 170rpx;
111 | 					height: 100rpx;
112 | 
113 | 					float: left;
114 | 
115 | 					text {
116 | 						display: block;
117 | 						margin-top: 11rpx;
118 | 						font-size: 30rpx;
119 | 						font-weight: 600;
120 | 					}
121 | 				}
122 | 
123 | 				.countdown {
124 | 					display: inline-block;
125 | 					width: 300rpx;
126 | 					height: 100rpx;
127 | 					margin-top: 3rpx;
128 | 					float: left;
129 | 				}
130 | 			}
131 | 
132 | 			image {
133 | 				width: 700rpx;
134 | 			}
135 | 
136 | 			.text1 {
137 | 				font-size: 35rpx;
138 | 				display: block;
139 | 				margin-top: 15rpx;
140 | 				margin-left: 30rpx;
141 | 			}
142 | 
143 | 			.text2 {
144 | 				font-size: 30rpx;
145 | 				display: inline-block;
146 | 				margin-left: 30rpx;
147 | 				margin-top: 10rpx;
148 | 				color: #9b9b9b;
149 | 
150 | 			}
151 | 
152 | 			.text3 {
153 | 				font-size: 30rpx;
154 | 				display: inline-block;
155 | 				float: right;
156 | 				margin-right: 30rpx;
157 | 				margin-top: 10rpx;
158 | 				color: #e3506e;
159 | 
160 | 			}
161 | 
162 | 			.VIP {
163 | 				button {
164 | 					margin-left: 15rpx;
165 | 					width: 670rpx;
166 | 					background-color: #fc6315;
167 | 					top: 30rpx;
168 | 				}
169 | 			}
170 | 		}
171 | 
172 | 	}
173 | </style>
174 | 


--------------------------------------------------------------------------------
/static/arc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/arc.png


--------------------------------------------------------------------------------
/static/icons/cart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/cart.png


--------------------------------------------------------------------------------
/static/icons/cart1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/cart1.png


--------------------------------------------------------------------------------
/static/icons/copy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/copy.png


--------------------------------------------------------------------------------
/static/icons/find.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/find.png


--------------------------------------------------------------------------------
/static/icons/find1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/find1.png


--------------------------------------------------------------------------------
/static/icons/index.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/index.png


--------------------------------------------------------------------------------
/static/icons/index1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/index1.png


--------------------------------------------------------------------------------
/static/icons/mine.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/mine.png


--------------------------------------------------------------------------------
/static/icons/mine1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/mine1.png


--------------------------------------------------------------------------------
/static/icons/weixin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/icons/weixin.png


--------------------------------------------------------------------------------
/static/image/tuceng1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/image/tuceng1.png


--------------------------------------------------------------------------------
/static/image/tuceng2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/image/tuceng2.png


--------------------------------------------------------------------------------
/static/image/tuceng3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/image/tuceng3.png


--------------------------------------------------------------------------------
/static/image/tuceng4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/image/tuceng4.png


--------------------------------------------------------------------------------
/static/img/delete_img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/img/delete_img.png


--------------------------------------------------------------------------------
/static/img/face.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/img/face.jpg


--------------------------------------------------------------------------------
/static/img/qr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/img/qr.png


--------------------------------------------------------------------------------
/static/img/qrlogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/img/qrlogo.png


--------------------------------------------------------------------------------
/static/img/update_btn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/img/update_btn.png


--------------------------------------------------------------------------------
/static/js/Vregular.js:
--------------------------------------------------------------------------------
 1 | var Vregular = {  
 2 |   // 验证自然数
 3 |   naturalNumber: /^(([0-9]*[1-9][0-9]*)|(0+))$/,
 4 |   // 0到20位的英文字符和数字
 5 |   enNum0to20: /^[a-z0-9A-Z]{0,20}$/,
 6 |   // 2到100位的中英文字符和空格
 7 |   cnEnSpace2to100: /^[a-zA-Z\u4E00-\u9FA5\s*]{2,100}$/,
 8 |   // 数字和换行符
 9 |   numLinefeed: /^[0-9\n*]+$/,
10 |   // 255位以内的字符
11 |   char0to255: /^.{0,255}$/,
12 |   
13 |   // 英文
14 |   english: /^.[A-Za-z]+$/,
15 |   // 座机
16 |   telephone: /^\d{3}-\d{7,8}|\d{4}-\d{7,8}$/,
17 |   // 证件号码
18 |   IDNumber: /^[a-z0-9A-Z]{0,50}$/,
19 |   // 身份证号码,包括15位和18位的
20 |   IDCard: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$)/,
21 |   // QQ号码
22 |   qq: /^[1-9]\d{4,11}$/,
23 |   //邮箱
24 |   email:/^\s{0}$|^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/,
25 |   //电话号码
26 |   phone:/^\s{0}$|^1\d{10}$/, 
27 |   // 验证6位数字
28 |   num6:/^\s{0}$|^[0-9]{6}$/,
29 |   // 支付宝账号
30 |   AlipayAccount:/^\s{0}$|^(?:\w+\.?)*\w+@(?:\w+\.)+\w+|^1\d{10}$/,
31 |   //姓名，2-20个汉字，中间允许包含一个“.”
32 |   realName:/^\s{0}$|^[\u4E00-\u9FA5]+[.·]{0,1}[\u4E00-\u9FA5]+$/,
33 |   //验证用户名，4到16位（字母，数字，下划线，第一位必须是字母）
34 |   userName:/^\s{0}$|^[a-zA-Z][a-zA-Z0-9_]{3,15}$/,
35 |   // 银行卡号码
36 |   bankCard:/^\s{0}$|^(\d{15}|\d{16}|\d{19})$/,
37 |   // 网址, 仅支持http和https开头的
38 |   URL: /^(http|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-.,@?^=%&:/~+#]*[\w\-@?^=%&/~+#])?$/,
39 |   //正整数
40 |   positiveInteger:/^\s{0}$|^-?(([1-9]\d*)|(0))$/,
41 |   //数字类型
42 |   numberType:/^-?[0-9]+(\.\d+)?$/,
43 |   // 不为空
44 |   noEmpty:/\S/,
45 |   //pwd:/\/ 至少8-16个字符，至少1个大写字母，1个小写字母和1个数字，其他可以是任意字符：
46 |   pwd:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[^]{8,20}$/
47 | }
48 | 
49 | var Vrules={
50 | 	phone:{pattern: Vregular.phone, errMess: '请输入正确的手机号码'},
51 | 	number:{pattern: Vregular.numberType, errMess: '请输入正确的数字'},
52 | 	telephone: {pattern: Vregular.telephone, errMess: "请输入正确的座机号码",},
53 | 	email: {pattern: Vregular.email, errMess: '请输入正确的邮箱'},
54 | 	idcard:  {pattern: Vregular.IDCard, errMess: '请输入正确的证件号码'},
55 | 	bankCard: {pattern: Vregular.bankCard, errMess: '请输入正确的银行卡号码'},
56 | 	qq: {pattern: Vregular.qq, errMess: '请输入正确的qq号码'},
57 | 	num6:{pattern: Vregular.num6, errMess: '请输入正确的6位数字'},
58 | 	AlipayAccount:{pattern: Vregular.AlipayAccount, errMess: '请输入正确的支付宝账号'},
59 | 	realName:{pattern: Vregular.realName, errMess: '请输入正确的真实姓名'},
60 | 	userName:{pattern: Vregular.userName, errMess: '请输入正确的名称'},
61 | 	URL:{pattern: Vregular.URL, errMess: '请输入正确的url'},
62 | 	positiveInteger:{pattern: Vregular.positiveInteger, errMess: '请输入正确的正整数'},
63 | 	english:{pattern: Vregular.english, errMess: '请输入正确的英文字母'},
64 | 	idNumber:{pattern: Vregular.IDNumber, errMess: '请输入正确的证件号'},
65 | 	req:{pattern: Vregular.noEmpty, errMess: '必填项'},
66 | 	same:{pattern:"",errMess: '两次输入不一致'},
67 | 	pwd:{pattern:Vregular.pwd,errMess: '密码格式不正确'}
68 | 	
69 | 	
70 | }
71 | export default Vrules


--------------------------------------------------------------------------------
/static/js/verification.js:
--------------------------------------------------------------------------------
 1 | 
 2 |  import Vrules  from "./Vregular.js"; //正则验证
 3 | var  verification={};
 4 | 
 5 | verification.install=function(Vue){
 6 | 	Vue.prototype.$vervify =function(option){
 7 | 		var otherDefault={
 8 | 			reqEmptyVal:false,
 9 | 		 
10 | 		 }
11 | 		var otherPra=Object.assign({},otherDefault,option.otherPra) //合并对象
12 | 		var result=0;
13 | 		var flag=true;
14 | 		for(var m=0;m<option.formDate.length;m++){
15 | 			var regular=option.formDate[m].rules.verify.split("|");			
16 | 			for(var i=0;i<regular.length;i++){
17 | 				if(Vrules[regular[i]]){							
18 | 					var _default=Object.assign({},Vrules[regular[i]],option.formDate[m].rules) //合并对象
19 | 						if(regular[i]=="req"){
20 | 							// 必填项未填写内容提示
21 | 							if(otherPra.reqEmptyVal){
22 | 								var emptyMessage="请输入"+option.formDate[m].label;
23 | 								if(option.formDate[m].type=="radio"){
24 | 									 emptyMessage="请选择"+option.formDate[m].label;
25 | 								}else if(option.formDate[m].type=="image"){
26 | 									emptyMessage="请上传"+option.formDate[m].label;
27 | 								}
28 | 								
29 | 								if(_default.value.length==0){
30 | 									uni.showToast({
31 | 									    title:emptyMessage,
32 | 									    duration: 2000,
33 | 										icon:"none"
34 | 									});
35 | 									flag=false;
36 | 								}else{
37 | 									regularVer()
38 | 								}
39 | 							}else{
40 | 								regularVer()
41 | 							}																					
42 | 						}else if(regular[i]=="same"){//确认输入框需要配置在被确认的下面
43 | 							if(m>0){
44 | 								if(option.formDate[m-1].rules.value!=_default.value){
45 | 									uni.showToast({
46 | 									    title: _default.errMess,
47 | 									    duration: 2000,
48 | 										icon:"none"
49 | 									});
50 | 									flag=false;
51 | 								}
52 | 							}else{
53 | 								uni.showToast({
54 | 								    title: "表单配置不正确，请检查被确认输入框的位置",
55 | 								    duration: 2000,
56 | 									icon:"none"
57 | 								});
58 | 								flag=false;
59 | 							}
60 | 							
61 | 						}else{
62 | 							if(_default.value.length>0){
63 | 								regularVer()
64 | 							}
65 | 						}						
66 | 					function regularVer(){
67 | 						if(!_default.pattern.test( _default.value)){
68 | 							uni.showToast({
69 | 							    title: _default.errMess,
70 | 							    duration: 2000,
71 | 								icon:"none"
72 | 							});											
73 | 							flag=false;
74 | 						}else{
75 | 							flag=true;
76 | 						}
77 | 					}
78 | 					if(!flag){
79 | 						return flag
80 | 					}									
81 | 			 	}		   
82 | 			 }						
83 | 		}		
84 | 		return flag;
85 | 	},
86 | 	// 提交序列化的表单
87 | 	Vue.prototype.$submitForm =function(option){
88 | 		var submitData={};
89 | 		for(var i=0;i<option.length;i++){
90 | 			submitData[option[i].rules.name]=option[i].rules.value;
91 | 		}
92 | 		return submitData;
93 | 	}
94 | }
95 | export default verification
96 | 


--------------------------------------------------------------------------------
/static/missing-face.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/missing-face.png


--------------------------------------------------------------------------------
/static/yticon.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fanyijie-21/TCJD/537f9843fce47ea096c77172cd18d8e7b5341782/static/yticon.ttf


--------------------------------------------------------------------------------
/uni.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 这里是uni-app内置的常用样式变量
 3 |  *
 4 |  * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 5 |  * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 6 |  *
 7 |  */
 8 | 
 9 | /**
10 |  * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
11 |  *
12 |  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
13 |  */
14 | 
15 | /* 颜色变量 */
16 | 
17 | /* 行为相关颜色 */
18 | $uni-color-primary: #007aff;
19 | $uni-color-success: #4cd964;
20 | $uni-color-warning: #f0ad4e;
21 | $uni-color-error: #dd524d;
22 | 
23 | /* 文字基本颜色 */
24 | $uni-text-color:#333;//基本色
25 | $uni-text-color-inverse:#fff;//反色
26 | $uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
27 | $uni-text-color-placeholder: #808080;
28 | $uni-text-color-disable:#c0c0c0;
29 | 
30 | /* 背景颜色 */
31 | $uni-bg-color:#ffffff;
32 | $uni-bg-color-grey:#f8f8f8;
33 | $uni-bg-color-hover:#f1f1f1;//点击状态颜色
34 | $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
35 | 
36 | /* 边框颜色 */
37 | $uni-border-color:#c8c7cc;
38 | 
39 | /* 尺寸变量 */
40 | 
41 | /* 文字尺寸 */
42 | $uni-font-size-sm:24rpx;
43 | $uni-font-size-base:28rpx;
44 | $uni-font-size-lg:32rpx;
45 | 
46 | /* 图片尺寸 */
47 | $uni-img-size-sm:40rpx;
48 | $uni-img-size-base:52rpx;
49 | $uni-img-size-lg:80rpx;
50 | 
51 | /* Border Radius */
52 | $uni-border-radius-sm: 4rpx;
53 | $uni-border-radius-base: 6rpx;
54 | $uni-border-radius-lg: 12rpx;
55 | $uni-border-radius-circle: 50%;
56 | 
57 | /* 水平间距 */
58 | $uni-spacing-row-sm: 10px;
59 | $uni-spacing-row-base: 20rpx;
60 | $uni-spacing-row-lg: 30rpx;
61 | 
62 | /* 垂直间距 */
63 | $uni-spacing-col-sm: 8rpx;
64 | $uni-spacing-col-base: 16rpx;
65 | $uni-spacing-col-lg: 24rpx;
66 | 
67 | /* 透明度 */
68 | $uni-opacity-disabled: 0.3; // 组件禁用态的透明度
69 | 
70 | /* 文章场景相关 */
71 | $uni-color-title: #2C405A; // 文章标题颜色
72 | $uni-font-size-title:40rpx;
73 | $uni-color-subtitle: #555555; // 二级标题颜色
74 | $uni-font-size-subtitle:36rpx;
75 | $uni-color-paragraph: #3F536E; // 文章段落颜色
76 | $uni-font-size-paragraph:30rpx;


--------------------------------------------------------------------------------
/utils/format.js:
--------------------------------------------------------------------------------
 1 | export function formatRichText(html) {
 2 | 	var html = new String(html)
 3 | 	let newContent = html.replace(/<img[^>]*>/gi, function(match, capture) {
 4 | 		match = match.replace(/style="[^"]+"/gi, '').replace(/style='[^']+'/gi, '');
 5 | 		match = match.replace(/width="[^"]+"/gi, '').replace(/width='[^']+'/gi, '');
 6 | 		match = match.replace(/height="[^"]+"/gi, '').replace(/height='[^']+'/gi, '');
 7 | 		return match;
 8 | 	});
 9 | 	newContent = newContent.replace(/style="[^"]+"/gi, function(match, capture) {
10 | 		match = match.replace(/width:[^;]+;/gi, 'max-width:100%;').replace(/width:[^;]+;/gi, 'max-width:100%;');
11 | 		return match;
12 | 	});
13 | 	newContent = newContent.replace(/<br[^>]*\/>/gi, '');
14 | 	newContent = newContent.replace(/\<img/gi,
15 | 		'<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"');
16 | 	return newContent;
17 | }


--------------------------------------------------------------------------------
/utils/zgrequest.js:
--------------------------------------------------------------------------------
 1 | const baseUrl = "https://capi.ructrip.com"
 2 | 
 3 | export function myRequestGet(url, data) {
 4 | 	return new Promise((resolve, reject) => {
 5 | 		uni.request({
 6 | 			url: baseUrl + url,
 7 | 			method: "GET",
 8 | 			data: data,
 9 | 			success: function(res) {
10 | 				console.log('GET成功', res),
11 | 				resolve(res.data)
12 | 			},
13 | 			fail: function(err) {
14 | 				console.log('GET失败'),
15 | 				reject(err)
16 | 			}
17 | 		})
18 | 	})
19 | }
20 | 
21 | 
22 | export function myRequestPost(url, data) {
23 | 	return new Promise((resolve, reject) => {
24 | 		uni.request({
25 | 			url: baseUrl + url,
26 | 			header: {
27 | 				'Content-Type': 'application/json'
28 | 			},
29 | 			method: "POST",
30 | 			data: data,
31 | 			success: function(res) {
32 | 				console.log('POST成功', res),
33 | 					resolve(res.data)
34 | 			},
35 | 			fail: function(err) {
36 | 				console.log('POST失败'),
37 | 					reject(err)
38 | 			}
39 | 		})
40 | 	})
41 | }
42 | 


--------------------------------------------------------------------------------