├── .gitignore
├── App.vue
├── Json.js
├── common
    └── css
    │   └── iconfont.css
├── components
    ├── checkbox
    │   └── checkbox.vue
    ├── empty.vue
    ├── goodslist
    │   └── goodslist.vue
    ├── maramlee-waterfalls-flow
    │   └── maramlee-waterfalls-flow.vue
    ├── mix-list-cell.vue
    ├── mix-loading
    │   └── mix-loading.vue
    ├── share.vue
    ├── uni-load-more
    │   └── uni-load-more.vue
    ├── uni-number-box.vue
    ├── uni-popup
    │   ├── message.js
    │   ├── popup.js
    │   ├── uni-popup-dialog.vue
    │   ├── uni-popup-message.vue
    │   ├── uni-popup-share.vue
    │   └── uni-popup.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
    ├── upload-images.vue
    ├── xuan-linkAddress
    │   ├── api.js
    │   └── xuan-linkAddress.vue
    └── yzc-paykeyboard
    │   └── yzc-paykeyboard.vue
├── main.js
├── manifest.json
├── pages.json
├── pages
    ├── address
    │   ├── address.vue
    │   └── addressManage.vue
    ├── carts
    │   └── carts.vue
    ├── classify
    │   └── classify.vue
    ├── detail
    │   └── detail.vue
    ├── index
    │   └── index.vue
    ├── list
    │   └── list.vue
    ├── map
    │   └── map.vue
    ├── more
    │   └── more.vue
    ├── order
    │   └── order.vue
    ├── pay
    │   └── pay.vue
    ├── public
    │   └── public.vue
    ├── search
    │   └── search.vue
    ├── set
    │   └── set.vue
    ├── shop
    │   └── shop.vue
    ├── user
    │   ├── components
    │   │   ├── com-nav.vue
    │   │   ├── uni-grid-item.vue
    │   │   ├── uni-grid.vue
    │   │   └── uni-swiper-dot.vue
    │   └── user.vue
    └── userinfo
    │   └── userinfo.vue
├── static
    ├── font
    │   ├── fa.ttf
    │   └── yticon.ttf
    ├── fonts
    │   ├── iconfont (2).css
    │   ├── iconfont (2).eot
    │   ├── iconfont (2).svg
    │   ├── iconfont (2).ttf
    │   ├── iconfont (2).woff
    │   ├── iconfont (2).woff2
    │   ├── iconfont.css
    │   ├── iconfont.eot
    │   ├── iconfont.svg
    │   ├── iconfont.ttf
    │   ├── iconfont.woff
    │   └── iconfont.woff2
    ├── icon
    │   ├── address.png
    │   ├── biji.png
    │   ├── cart-active.png
    │   ├── cart.png
    │   ├── cha.png
    │   ├── ditu.png
    │   ├── fenlei.png
    │   ├── fl.png
    │   ├── fl1.png
    │   ├── gerenzhongxin.png
    │   ├── greengwc.png
    │   ├── grzx.png
    │   ├── grzx1.png
    │   ├── gwc.png
    │   ├── gwc1.png
    │   ├── home-active.png
    │   ├── home.png
    │   ├── md.png
    │   ├── md1.png
    │   ├── member-active.png
    │   ├── member.png
    │   ├── mendian.png
    │   ├── news-active.png
    │   ├── news.png
    │   ├── shijian.png
    │   ├── sy.png
    │   ├── sy1.png
    │   ├── sy3.png
    │   ├── xingxing.png
    │   ├── you.png
    │   └── 鍦板浘鏂扮増.png
    ├── iconfont
    │   ├── iconfont.css
    │   ├── iconfont.eot
    │   ├── iconfont.js
    │   ├── iconfont.json
    │   ├── iconfont.svg
    │   ├── iconfont.ttf
    │   ├── iconfont.woff
    │   └── iconfont.woff2
    ├── images
    │   └── user
    │   │   ├── avatar.jpg
    │   │   ├── dianpu.png
    │   │   ├── dizhi.png
    │   │   ├── geren.png
    │   │   ├── icon-kefu.png
    │   │   ├── liaotian.png
    │   │   ├── renwu.png
    │   │   ├── shezhi.png
    │   │   └── zengpin.png
    ├── img
    │   ├── addricon.png
    │   ├── card_bg.png
    │   ├── load.gif
    │   ├── sort0.png
    │   ├── sort1.png
    │   ├── sort2.png
    │   └── volume.png
    ├── key
    │   ├── close.png
    │   ├── del.png
    │   ├── logo.png
    │   └── yue.png
    ├── missing-face.png
    ├── xuan-linkAddress
    │   ├── get_linkAddress_p.js
    │   ├── request.js
    │   └── yes.png
    └── yb-filter
    │   └── img
    │       ├── sort0.png
    │       ├── sort1.png
    │       └── sort2.png
├── store
    └── index.js
├── uni.scss
└── utils
    ├── format.js
    ├── htmlparser.js
    └── zgrequest.js


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


--------------------------------------------------------------------------------
/Json.js:
--------------------------------------------------------------------------------
 1 | /* 用户 */
 2 | const userInfo = {
 3 | 	status: 1,
 4 | 	data: {
 5 | 		id: 1,
 6 | 		mobile: 18888888888,
 7 | 		nickname: 'kiki',
 8 | 		portrait: 'https://ss1.baidu.com/6ON1bjeh1BF3odCf/it/u=3950605929,1618767528&fm=15&gp=0.jpg'
 9 | 	},
10 | 	msg: '提示'
11 | }
12 | 
13 | export default {
14 | userInfo	
15 | }
16 | 


--------------------------------------------------------------------------------
/components/checkbox/checkbox.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view
  3 | 		class="jiuai-check-box"
  4 | 		:style="{ border: borderStyle, width: checkBoxSize + 'rpx', height: checkBoxSize + 'rpx', 'line-height': checkBoxSize + 'rpx','border-radius':borderRadius+'rpx'}"
  5 | 		@click="clickChecked"
  6 | 	>
  7 | 		<view :class="['jiuai-check-icon', 'iconfont', 'icon-xuanzhong', isChecked ? 'active' : '']" :style="{ color: color, 'font-size': fontSize + 'rpx' }"></view>
  8 | 	</view>
  9 | </template>
 10 | 
 11 | <script>
 12 | export default {
 13 | 	data() {
 14 | 		return {
 15 | 			dataChecked: null
 16 | 		};
 17 | 	},
 18 | 	props: {
 19 | 		value: '', //这里会被带到@change事件的e.detail.value上
 20 | 		domId: '', //这里会被带到@change事件的e.detail.domId上
 21 | 		checkBoxSize: {
 22 | 			//外框大小（宽和高）单位rpx
 23 | 			type: Number,
 24 | 			default: 44
 25 | 		},
 26 | 		borderStyle: {
 27 | 			//外框样式
 28 | 			type: String,
 29 | 			default: '1px solid grey'
 30 | 		},
 31 | 		borderRadius: {
 32 | 			//外框样式
 33 | 			type: Number,
 34 | 			default: 6
 35 | 		},
 36 | 		fontSize: {
 37 | 			//里面icon大小
 38 | 			type: Number,
 39 | 			default: 44
 40 | 		},
 41 | 		disabled: {
 42 | 			//是否禁止选中
 43 | 			type: Boolean,
 44 | 			default: false
 45 | 		},
 46 | 		checked: {
 47 | 			//默认是否选中
 48 | 			type: Boolean,
 49 | 			default: false
 50 | 		},
 51 | 		color: {
 52 | 			//里面icon的颜色
 53 | 			type: String,
 54 | 			default: '#007aff'
 55 | 		},
 56 | 		functionType: {
 57 | 			//里面icon的颜色
 58 | 			type: String,
 59 | 			default: 'default'
 60 | 		}
 61 | 	},
 62 | 	methods: {
 63 | 		clickChecked() {
 64 | 			//切换选中状态事件
 65 | 			if(this.functionType=='page'){
 66 | 				this.$emit('pageClick', {
 67 | 					detail: {
 68 | 						value: this.value, //外部传进来的value
 69 | 						domId:this.domId||null
 70 | 					}
 71 | 				});
 72 | 			}else if(this.functionType=='default'){
 73 | 				if (this.disabled) {
 74 | 					this.$emit('disabledCallback', {
 75 | 						detail: {
 76 | 							value: this.value, //外部传进来的value
 77 | 							domId:this.domId||null
 78 | 						}
 79 | 					});
 80 | 				} else {
 81 | 					if (this.checked && this.dataChecked == null) {
 82 | 						this.changeToFlase();
 83 | 					} else {
 84 | 						if (this.dataChecked) {
 85 | 							this.changeToFlase();
 86 | 						} else {
 87 | 							this.changeTotrue();
 88 | 						}
 89 | 					}
 90 | 				}
 91 | 			}
 92 | 		},
 93 | 		changeTotrue() {
 94 | 			//切换为选中状态，外部组件可以用js调用此方法修改选中状态
 95 | 			this.dataChecked = true;
 96 | 			this.emitFather();
 97 | 		},
 98 | 		changeToFlase() {
 99 | 			//切换为取消状态，外部组件可以用js调用此方法修改选中状态
100 | 			this.dataChecked = false;
101 | 			this.emitFather();
102 | 		},
103 | 		emitFather() {
104 | 			//告知父页面切换了选中状态
105 | 			this.$emit('change', {
106 | 				detail: {
107 | 					value: this.value, //外部传进来的value
108 | 					checked: this.isChecked, //当前的选中状态
109 | 					domId:this.domId||null
110 | 				}
111 | 			});
112 | 		}
113 | 	},
114 | 	computed: {
115 | 		isChecked() {
116 | 			if (this.dataChecked != null) {
117 | 				return this.dataChecked;
118 | 			} else {
119 | 				return this.checked;
120 | 			}
121 | 		}
122 | 	}
123 | };
124 | </script>
125 | 
126 | <style lang="scss">
127 | 	/* 
128 | 	这里的icon使用iconfont来做成的，具体对勾可以在阿里巴巴矢量图标库中更换 
129 | 	阿里巴巴矢量图标库↓↓↓↓↓↓↓↓
130 | 	https://www.iconfont.cn
131 | 	uniapp中使用字体图标↓↓↓↓↓↓↓↓
132 | 	https://uniapp.dcloud.io/frame?id=%E5%AD%97%E4%BD%93%E5%9B%BE%E6%A0%87
133 | 	 */
134 | @font-face {
135 | 	font-family: 'iconfont';
136 | 	src: url('https://at.alicdn.com/t/font_1436714_gz0bwdt261o.eot?t=1569480027812'); /* IE9 */
137 | 	src: url('https://at.alicdn.com/t/font_1436714_gz0bwdt261o.eot?t=1569480027812#iefix') format('embedded-opentype'),
138 | 		/* IE6-IE8 */
139 | 			url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAJwAAsAAAAABiQAAAIkAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAosSQE2AiQDCAsGAAQgBYRtBzMbcgXInpo8KVKJjaUIYHobMHZDiIf/9mv3zZ81QZNqJIpmlUzidAuJBLFRMqHgoe/GXOZhKCdURu7Z7dWI1JMvJC2nl6YdKHZ6RsyiMJtwy3m/+oaY+ZLt81xObwIdyPxA53rNSWNNmjSAenFAge6BUWQFFHLD2AUv8DGBujEdjb3T6xmsyuxVgbiPAgdWC1FZZoWqUG44mMWbkmp6SR/Aa/T9+DOKVZJSwW45vDvxYf+TU1I89B7cBoQYAR0vocAKkInTxuy+lmBcSz3bNgWO1Rh86vUCjziqU7C/zq5vghGYCz55KwVI8FiU4fak54nys88zutnb+AF35/P6/uIc9mG0+Eo/2q+C/27e11m72sjg491EjmyYH1RX9AU/QB04kA2t7U5ZUxvHk/KO2+rq6MHBfn9TbUNnK4aqoQn+itEMhaoZMrMrKGlYRVnVJuqWnR1vGKBaItew5BUgdL0haXtHoeuTzOwvSob9o6wbLdSdx8CFDXMRre8qOUY+uncYeZKz67X1uHFCQZU6mtdG/IK0jBI47A3KhTPKSZfYUtbByIyRVTI8Bc9RmgoWKjF51gvNinG/z01v6nmSwbpdijgM8SHXHRTxiBwHk8165fMTJFBJObSjr65cIKoUzY6GegYDyDNTPqjvUV4p1QIjxjDElMigUzCPpFICFc3zYsRjesIJ6cJY3xnFQ0297S3Z352COtuewtlRqD1UTn4fSh4AAAAA')
140 | 			format('woff2'),
141 | 		url('https://at.alicdn.com/t/font_1436714_gz0bwdt261o.woff?t=1569480027812') format('woff'),
142 | 		url('https://at.alicdn.com/t/font_1436714_gz0bwdt261o.ttf?t=1569480027812') format('truetype'),
143 | 		/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('https://at.alicdn.com/t/font_1436714_gz0bwdt261o.svg?t=1569480027812#iconfont') format('svg'); /* iOS 4.1- */
144 | }
145 | 
146 | .iconfont {
147 | 	font-family: 'iconfont' !important;
148 | 	font-size: 16px;
149 | 	font-style: normal;
150 | 	-webkit-font-smoothing: antialiased;
151 | 	-moz-osx-font-smoothing: grayscale;
152 | }
153 | 
154 | .icon-xuanzhong:before {
155 | 	content: '\e610';
156 | }
157 | 
158 | .jiuai-check-box {
159 | 	display: inline-block;
160 | 	text-align: center;
161 | }
162 | 
163 | .jiuai-check-icon {
164 | 	opacity: 0;
165 | 	&.active {
166 | 		opacity: 1;
167 | 	}
168 | }
169 | </style>
170 | 


--------------------------------------------------------------------------------
/components/goodslist/goodslist.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="hot_goods">
 3 | 		<view class="tit">精选商品</view>
 4 | 		<view class="goods_list">
 5 | 			<view class="goods_item" v-for="item in goods" :key="item.alias" @click="itemClick(item)">
 6 | 				<image :src="item.image_url" mode="aspectFill"></image>
 7 | 				<view class="price">
 8 | 					<text>{{item.price}}</text>
 9 | 				</view>
10 | 				<view class="name">{{item.title}}</view>
11 | 			</view>
12 | 		</view>
13 | 	</view>
14 | </template>
15 | 
16 | <script>
17 | 	export default {
18 | 		props: ["goods"],
19 | 		data() {
20 | 			return {};
21 | 		},
22 | 		methods: {
23 | 			itemClick(item) {
24 | 				uni.navigateTo({
25 | 					url: "/pages/detail/detail?alias=" + item.alias + "&price=" + item.price
26 | 				})
27 | 			}
28 | 		},
29 | 	}
30 | </script>
31 | 
32 | <style lang="scss">
33 | 	.hot_goods {
34 | 		background: #eee;
35 | 
36 | 		.tit {
37 | 			border-top: 2px solid #eee;
38 | 			border-bottom: 2px solid #eee;
39 | 			margin-top: 70px;
40 | 			margin-bottom: 3px;
41 | 			color: #aaa;
42 | 			height: 50px;
43 | 			line-height: 50px;
44 | 			text-align: center;
45 | 			letter-spacing: 5px;
46 | 			background: #fff;
47 | 		}
48 | 
49 | 		.goods_list {
50 | 			display: flex;
51 | 			padding: 0 15rpx;
52 | 			justify-content: space-between;
53 | 			overflow: hidden;
54 | 			flex-wrap: wrap;
55 | 
56 | 			.goods_item {
57 | 				width: 355rpx;
58 | 				margin-bottom: 15rpx;
59 | 				background: #fff;
60 | 				padding: 10px;
61 | 				box-sizing: border-box;
62 | 
63 | 				image {
64 | 					height: 150px;
65 | 					width: 100%;
66 | 					mix-width: 160px;
67 | 					margin: 10px auto;
68 | 				}
69 | 
70 | 				.price {
71 | 					font-size: 18px;
72 | 					color: red;
73 | 					padding: 8px 0;
74 | 
75 | 					text:nth-child(2) {
76 | 						color: #ccc;
77 | 						text-decoration: line-through;
78 | 						margin-left: 10px;
79 | 						font-size: 13px;
80 | 					}
81 | 				}
82 | 
83 | 				.name {
84 | 					font-size: 14px;
85 | 
86 | 				}
87 | 			}
88 | 		}
89 | 	}
90 | </style>
91 | 


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


--------------------------------------------------------------------------------
/components/share.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view v-if="show" class="mask" @click="toggleMask" @touchmove.stop.prevent="stopPrevent"
  3 | 		:style="{backgroundColor: backgroundColor}"
  4 | 	>
  5 | 		<view 
  6 | 			class="mask-content"
  7 | 			@click.stop.prevent="stopPrevent"
  8 | 			:style="[{
  9 | 				height: config.height, 
 10 | 				transform: transform
 11 | 			}]"
 12 | 		>
 13 | 			<scroll-view class="view-content" scroll-y>
 14 | 				<view class="share-header">
 15 | 					分享到
 16 | 				</view>
 17 | 				<view class="share-list">
 18 | 					<view 
 19 | 						v-for="(item, index) in shareList" :key="index"
 20 | 						class="share-item" 
 21 | 						@click="shareToFriend(item.text)"
 22 | 					>
 23 | 						<image :src="item.icon" mode=""></image>
 24 | 						<text>{{item.text}}</text>
 25 | 					</view>
 26 | 				</view>
 27 | 			</scroll-view>
 28 | 			<view class="bottom b-t" @click="toggleMask">取消</view>
 29 | 		</view>
 30 | 	</view>
 31 | </template>
 32 | 
 33 | <script>
 34 | 	export default {
 35 | 		data() {
 36 | 			return {
 37 | 				transform: 'translateY(50vh)',
 38 | 				timer: 0,
 39 | 				backgroundColor: 'rgba(0,0,0,0)',
 40 | 				show: false,
 41 | 				config: {},
 42 | 			};
 43 | 		},
 44 | 		props:{
 45 | 			contentHeight:{
 46 | 				type: Number,
 47 | 				default: 0
 48 | 			},
 49 | 			//是否是tabbar页面
 50 | 			hasTabbar:{
 51 | 				type: Boolean,
 52 | 				default: false
 53 | 			},
 54 | 			shareList:{
 55 | 				type: Array,
 56 | 				default: function(){
 57 | 					return [];
 58 | 				}
 59 | 			}
 60 | 		},
 61 | 		created() {
 62 | 			const height = uni.upx2px(this.contentHeight) + 'px';
 63 | 			this.config = {
 64 | 				height: height,
 65 | 				transform: `translateY(${height})`,
 66 | 				backgroundColor: 'rgba(0,0,0,.4)',
 67 | 			}
 68 | 			this.transform = this.config.transform;
 69 | 		},
 70 | 		methods:{
 71 | 			toggleMask(){
 72 | 				//防止高频点击
 73 | 				if(this.timer == 1){
 74 | 					return;
 75 | 				}
 76 | 				this.timer = 1;
 77 | 				setTimeout(()=>{
 78 | 					this.timer = 0;
 79 | 				}, 500)
 80 | 				
 81 | 				if(this.show){
 82 | 					this.transform = this.config.transform;
 83 | 					this.backgroundColor = 'rgba(0,0,0,0)';
 84 | 					setTimeout(()=>{
 85 | 						this.show = false;
 86 | 						this.hasTabbar && uni.showTabBar();
 87 | 					}, 200)
 88 | 					return;
 89 | 				}
 90 | 				
 91 | 				this.show = true;
 92 | 				//等待mask重绘完成执行
 93 | 				if(this.hasTabbar){
 94 | 					uni.hideTabBar({
 95 | 						success: () => {
 96 | 							setTimeout(()=>{
 97 | 								this.backgroundColor = this.config.backgroundColor;
 98 | 								this.transform = 'translateY(0px)';
 99 | 							}, 10)
100 | 						}
101 | 					});
102 | 				}else{
103 | 					setTimeout(()=>{
104 | 						this.backgroundColor = this.config.backgroundColor;
105 | 						this.transform = 'translateY(0px)';
106 | 					}, 10)
107 | 				}
108 | 			},
109 | 			//防止冒泡和滚动穿透
110 | 			stopPrevent(){},
111 | 			//分享操作
112 | 			shareToFriend(type){
113 | 				this.$api.msg(`分享给${type}`);
114 | 				this.toggleMask();
115 | 			},
116 | 		}
117 | 	}
118 | </script>
119 | 
120 | <style lang='scss'>
121 | 	.mask{
122 | 		position:fixed;
123 | 		left: 0;
124 | 		top: 0;
125 | 		right: 0;
126 | 		bottom: 0;
127 | 		display:flex;
128 | 		justify-content: center;
129 | 		align-items: flex-end;
130 | 		z-index: 998;
131 | 		transition: .3s;
132 | 		.bottom{
133 | 			position:absolute;
134 | 			left: 0;
135 | 			bottom: 0;
136 | 			display:flex;
137 | 			justify-content: center;
138 | 			align-items: center;
139 | 			width: 100%;
140 | 			height: 90upx;
141 | 			background: #fff;
142 | 			z-index: 9;
143 | 			font-size: $font-base + 2upx;
144 | 			color: $font-color-dark;
145 | 		}
146 | 	}
147 | 	
148 | 	.mask-content{
149 | 		width: 100%;
150 | 		height: 580upx;
151 | 		transition: .3s;
152 | 		background: #fff;
153 | 		&.has-bottom{
154 | 			padding-bottom: 90upx;
155 | 		}
156 | 		.view-content{
157 | 			height: 100%;
158 | 		}
159 | 	}
160 | 	.share-header{
161 | 		height: 110upx;
162 | 		font-size: $font-base+2upx;
163 | 		color: font-color-dark;
164 | 		display:flex;
165 | 		align-items:center;
166 | 		justify-content: center;
167 | 		padding-top: 10upx;
168 | 		&:before, &:after{
169 | 			content: '';
170 | 			width: 240upx;
171 | 			heighg: 0;
172 | 			border-top: 1px solid $border-color-base;
173 | 			transform: scaleY(.5);
174 | 			margin-right: 30upx;
175 | 		}
176 | 		 &:after{
177 | 			 margin-left: 30upx;
178 | 			 margin-right: 0;
179 | 		 }
180 | 	}
181 | 	.share-list{
182 | 		display:flex;
183 | 		flex-wrap: wrap;
184 | 	}
185 | 	.share-item{
186 | 		min-width: 33.33%;
187 | 		display:flex;
188 | 		flex-direction: column;
189 | 		justify-content: center;
190 | 		align-items: center;
191 | 		height: 180upx;
192 | 		image{
193 | 			width: 80upx;
194 | 			height: 80upx;
195 | 			margin-bottom: 16upx;
196 | 		}
197 | 		text{
198 | 			font-size: $font-base;
199 | 			color: $font-color-base;
200 | 		}
201 | 	}
202 | </style>
203 | 


--------------------------------------------------------------------------------
/components/uni-load-more/uni-load-more.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-load-more">
  3 | 		<view class="uni-load-more__img" v-show="status === 'loading' && showIcon">
  4 | 			<view class="load1">
  5 | 				<view :style="{background:color}"></view>
  6 | 				<view :style="{background:color}"></view>
  7 | 				<view :style="{background:color}"></view>
  8 | 				<view :style="{background:color}"></view>
  9 | 			</view>
 10 | 			<view class="load2">
 11 | 				<view :style="{background:color}"></view>
 12 | 				<view :style="{background:color}"></view>
 13 | 				<view :style="{background:color}"></view>
 14 | 				<view :style="{background:color}"></view>
 15 | 			</view>
 16 | 			<view class="load3">
 17 | 				<view :style="{background:color}"></view>
 18 | 				<view :style="{background:color}"></view>
 19 | 				<view :style="{background:color}"></view>
 20 | 				<view :style="{background:color}"></view>
 21 | 			</view>
 22 | 		</view>
 23 | 		<text class="uni-load-more__text" :style="{color:color}">{{status === 'more' ? contentText.contentdown : (status === 'loading' ? contentText.contentrefresh : contentText.contentnomore)}}</text>
 24 | 	</view>
 25 | </template>
 26 | 
 27 | <script>
 28 | 	export default {
 29 | 		name: "uni-load-more",
 30 | 		props: {
 31 | 			status: {
 32 | 				//上拉的状态：more-loading前；loading-loading中；noMore-没有更多了
 33 | 				type: String,
 34 | 				default: 'more'
 35 | 			},
 36 | 			showIcon: {
 37 | 				type: Boolean,
 38 | 				default: true
 39 | 			},
 40 | 			color: {
 41 | 				type: String,
 42 | 				default: "#777777"
 43 | 			},
 44 | 			contentText: {
 45 | 				type: Object,
 46 | 				default () {
 47 | 					return {
 48 | 						contentdown: "上拉显示更多",
 49 | 						contentrefresh: "正在加载...",
 50 | 						contentnomore: "没有更多数据了"
 51 | 					};
 52 | 				}
 53 | 			}
 54 | 		},
 55 | 		data() {
 56 | 			return {}
 57 | 		}
 58 | 	}
 59 | </script>
 60 | 
 61 | <style>
 62 | 	@charset "UTF-8";
 63 | 
 64 | 	.uni-load-more {
 65 | 		display: flex;
 66 | 		flex-direction: row;
 67 | 		height: 80upx;
 68 | 		align-items: center;
 69 | 		justify-content: center
 70 | 	}
 71 | 
 72 | 	.uni-load-more__text {
 73 | 		font-size: 28upx;
 74 | 		color: #999
 75 | 	}
 76 | 
 77 | 	.uni-load-more__img {
 78 | 		height: 24px;
 79 | 		width: 24px;
 80 | 		margin-right: 10px
 81 | 	}
 82 | 
 83 | 	.uni-load-more__img>view {
 84 | 		position: absolute
 85 | 	}
 86 | 
 87 | 	.uni-load-more__img>view view {
 88 | 		width: 6px;
 89 | 		height: 2px;
 90 | 		border-top-left-radius: 1px;
 91 | 		border-bottom-left-radius: 1px;
 92 | 		background: #999;
 93 | 		position: absolute;
 94 | 		opacity: .2;
 95 | 		transform-origin: 50%;
 96 | 		animation: load 1.56s ease infinite
 97 | 	}
 98 | 
 99 | 	.uni-load-more__img>view view:nth-child(1) {
100 | 		transform: rotate(90deg);
101 | 		top: 2px;
102 | 		left: 9px
103 | 	}
104 | 
105 | 	.uni-load-more__img>view view:nth-child(2) {
106 | 		transform: rotate(180deg);
107 | 		top: 11px;
108 | 		right: 0
109 | 	}
110 | 
111 | 	.uni-load-more__img>view view:nth-child(3) {
112 | 		transform: rotate(270deg);
113 | 		bottom: 2px;
114 | 		left: 9px
115 | 	}
116 | 
117 | 	.uni-load-more__img>view view:nth-child(4) {
118 | 		top: 11px;
119 | 		left: 0
120 | 	}
121 | 
122 | 	.load1,
123 | 	.load2,
124 | 	.load3 {
125 | 		height: 24px;
126 | 		width: 24px
127 | 	}
128 | 
129 | 	.load2 {
130 | 		transform: rotate(30deg)
131 | 	}
132 | 
133 | 	.load3 {
134 | 		transform: rotate(60deg)
135 | 	}
136 | 
137 | 	.load1 view:nth-child(1) {
138 | 		animation-delay: 0s
139 | 	}
140 | 
141 | 	.load2 view:nth-child(1) {
142 | 		animation-delay: .13s
143 | 	}
144 | 
145 | 	.load3 view:nth-child(1) {
146 | 		animation-delay: .26s
147 | 	}
148 | 
149 | 	.load1 view:nth-child(2) {
150 | 		animation-delay: .39s
151 | 	}
152 | 
153 | 	.load2 view:nth-child(2) {
154 | 		animation-delay: .52s
155 | 	}
156 | 
157 | 	.load3 view:nth-child(2) {
158 | 		animation-delay: .65s
159 | 	}
160 | 
161 | 	.load1 view:nth-child(3) {
162 | 		animation-delay: .78s
163 | 	}
164 | 
165 | 	.load2 view:nth-child(3) {
166 | 		animation-delay: .91s
167 | 	}
168 | 
169 | 	.load3 view:nth-child(3) {
170 | 		animation-delay: 1.04s
171 | 	}
172 | 
173 | 	.load1 view:nth-child(4) {
174 | 		animation-delay: 1.17s
175 | 	}
176 | 
177 | 	.load2 view:nth-child(4) {
178 | 		animation-delay: 1.3s
179 | 	}
180 | 
181 | 	.load3 view:nth-child(4) {
182 | 		animation-delay: 1.43s
183 | 	}
184 | 
185 | 	@-webkit-keyframes load {
186 | 		0% {
187 | 			opacity: 1
188 | 		}
189 | 
190 | 		100% {
191 | 			opacity: .2
192 | 		}
193 | 	}
194 | </style>


--------------------------------------------------------------------------------
/components/uni-number-box.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-numbox">
  3 | 		<view class="uni-numbox-minus" 
  4 | 			@click="_calcValue('subtract')"
  5 | 		>
  6 | 			<text class="yticon icon--jianhao" :class="minDisabled?'uni-numbox-disabled': ''" ></text>
  7 | 		</view>
  8 | 		<input 
  9 | 			class="uni-numbox-value" 
 10 | 			type="number" 
 11 | 			:disabled="disabled"
 12 | 			:value="inputValue" 
 13 | 			
 14 | 			@blur="_onBlur"
 15 | 		>
 16 | 		<view 
 17 | 			class="uni-numbox-plus" 
 18 | 			@click="_calcValue('add')"
 19 | 		>
 20 | 			<text class="yticon icon-jia2" :class="maxDisabled?'uni-numbox-disabled': ''" ></text>
 21 | 		</view>
 22 | 	</view>
 23 | </template>
 24 | <script>
 25 | 	export default {
 26 | 		name: 'uni-number-box',
 27 | 		props: {
 28 | 			isMax: {
 29 | 				type: Boolean,
 30 | 				default: false
 31 | 			},
 32 | 			isMin: {
 33 | 				type: Boolean,
 34 | 				default: false
 35 | 			},
 36 | 			index: {
 37 | 				type: Number,
 38 | 				default: 0
 39 | 			},
 40 | 			value: {
 41 | 				type: Number,
 42 | 				default: 0
 43 | 			},
 44 | 			min: {
 45 | 				type: Number,
 46 | 				default: -Infinity
 47 | 			},
 48 | 			max: {
 49 | 				type: Number,
 50 | 				default: Infinity
 51 | 			},
 52 | 			step: {
 53 | 				type: Number,
 54 | 				default: 1
 55 | 			},
 56 | 			disabled: {
 57 | 				type: Boolean,
 58 | 				default: false
 59 | 			}
 60 | 		},
 61 | 		data() {
 62 | 			return {
 63 | 				inputValue: this.value,
 64 | 				minDisabled: false,
 65 | 				maxDisabled: false
 66 | 			}
 67 | 		},
 68 | 		created(){
 69 | 			this.maxDisabled = this.isMax;
 70 | 			this.minDisabled = this.isMin;
 71 | 		},
 72 | 		computed: {
 73 | 
 74 | 		},
 75 | 		watch: {
 76 | 			inputValue(number) {
 77 | 				const data = {
 78 | 					number: number,
 79 | 					index: this.index
 80 | 				}
 81 | 				this.$emit('eventChange', data);
 82 | 			}
 83 | 		},
 84 | 		methods: {
 85 | 			_calcValue(type) {
 86 | 				const scale = this._getDecimalScale();
 87 | 				let value = this.inputValue * scale;
 88 | 				let newValue = 0;
 89 | 				let step = this.step * scale;
 90 | 				
 91 | 				if(type === 'subtract'){
 92 | 					newValue = value - step;
 93 | 					if (newValue <= this.min){
 94 | 						this.minDisabled = true;
 95 | 					}
 96 | 					if(newValue < this.min){
 97 | 						newValue = this.min
 98 | 					}
 99 | 					if(newValue < this.max && this.maxDisabled === true){
100 | 						this.maxDisabled = false;
101 | 					}
102 | 				}else if(type === 'add'){
103 | 					newValue = value + step;
104 | 					if (newValue >= this.max){
105 | 						this.maxDisabled = true;
106 | 					}
107 | 					if(newValue > this.max){
108 | 						newValue = this.max
109 | 					}
110 | 					if(newValue > this.min && this.minDisabled === true){
111 | 						this.minDisabled = false;
112 | 					}
113 | 				}
114 | 				if(newValue === value){
115 | 					return;
116 | 				}
117 | 				this.inputValue = newValue / scale;
118 | 			},
119 | 			_getDecimalScale() {
120 | 				let scale = 1;
121 | 				// 浮点型
122 | 				if (~~this.step !== this.step) {
123 | 					scale = Math.pow(10, (this.step + '').split('.')[1].length);
124 | 				}
125 | 				return scale;
126 | 			},
127 | 			_onBlur(event) {
128 | 				let value = event.detail.value;
129 | 				if (!value) {
130 | 					this.inputValue = 0;
131 | 					return
132 | 				}
133 | 				value = +value;
134 | 				if (value > this.max) {
135 | 					value = this.max;
136 | 				} else if (value < this.min) {
137 | 					value = this.min
138 | 				}
139 | 
140 | 				this.inputValue = value
141 | 			}
142 | 		}
143 | 	}
144 | </script>
145 | <style>
146 | 	.uni-numbox {
147 | 		position:absolute;
148 | 		left: 30upx;
149 | 		bottom: 0;
150 | 		display: flex;
151 | 		justify-content: flex-start;
152 | 		align-items: center;
153 | 		width:230upx;
154 | 		height: 70upx;
155 | 		background:#f5f5f5;
156 | 	}
157 | 
158 | 	.uni-numbox-minus,
159 | 	.uni-numbox-plus {
160 | 		margin: 0;
161 | 		background-color: #f5f5f5;
162 | 		width: 70upx;
163 | 		height: 100%;
164 | 		line-height: 70upx;
165 | 		text-align: center;
166 | 		position: relative;
167 | 	}
168 | 	.uni-numbox-minus .yticon,
169 | 	.uni-numbox-plus .yticon{
170 | 		font-size: 36upx;
171 | 		color: #555;
172 | 	}
173 | 
174 | 	.uni-numbox-minus {
175 | 		border-right: none;
176 | 		border-top-left-radius: 6upx;
177 | 		border-bottom-left-radius: 6upx;
178 | 	}
179 | 
180 | 	.uni-numbox-plus {
181 | 		border-left: none;
182 | 		border-top-right-radius: 6upx;
183 | 		border-bottom-right-radius: 6upx;
184 | 	}
185 | 
186 | 	.uni-numbox-value {
187 | 		position: relative;
188 | 		background-color: #f5f5f5;
189 | 		width: 90upx;
190 | 		height: 50upx;
191 | 		text-align: center;
192 | 		padding: 0;
193 | 		font-size: 30upx;
194 | 	}
195 | 
196 | 	.uni-numbox-disabled.yticon {
197 | 		color: #d6d6d6;
198 | 	}
199 | </style>
200 | 


--------------------------------------------------------------------------------
/components/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-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-popup/uni-popup-dialog.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-popup-dialog">
  3 | 		<view class="uni-dialog-title">
  4 | 			<text class="uni-dialog-title-text" :class="['uni-popup__'+dialogType]">{{title}}</text>
  5 | 		</view>
  6 | 		<view class="uni-dialog-content">
  7 | 			<text class="uni-dialog-content-text" v-if="mode === 'base'">{{content}}</text>
  8 | 			<input v-else class="uni-dialog-input" v-model="val" type="text" :placeholder="placeholder" :focus="focus" >
  9 | 		</view>
 10 | 		<view class="uni-dialog-button-group">
 11 | 			<view class="uni-dialog-button" @click="close">
 12 | 				<text class="uni-dialog-button-text">取消</text>
 13 | 			</view>
 14 | 			<view class="uni-dialog-button uni-border-left" @click="onOk">
 15 | 				<text class="uni-dialog-button-text uni-button-color">确定</text>
 16 | 			</view>
 17 | 		</view>
 18 | 
 19 | 	</view>
 20 | </template>
 21 | 
 22 | <script>
 23 | 	/**
 24 | 	 * PopUp 弹出层-对话框样式
 25 | 	 * @description 弹出层-对话框样式
 26 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=329
 27 | 	 * @property {String} value input 模式下的默认值
 28 | 	 * @property {String} placeholder input 模式下输入提示
 29 | 	 * @property {String} type = [success|warning|info|error] 主题样式
 30 | 	 *  @value success 成功
 31 | 	 * 	@value warning 提示
 32 | 	 * 	@value info 消息
 33 | 	 * 	@value error 错误
 34 | 	 * @property {String} mode = [base|input] 模式、
 35 | 	 * 	@value base 基础对话框
 36 | 	 * 	@value input 可输入对话框
 37 | 	 * @property {String} content 对话框内容
 38 | 	 * @property {Boolean} beforeClose 是否拦截取消事件
 39 | 	 * @event {Function} confirm 点击确认按钮触发
 40 | 	 * @event {Function} close 点击取消按钮触发
 41 | 	 */
 42 | 
 43 | 	export default {
 44 | 		name: "uniPopupDialog",
 45 | 		props: {
 46 | 			value: {
 47 | 				type: [String, Number],
 48 | 				default: ''
 49 | 			},
 50 | 			placeholder: {
 51 | 				type: [String, Number],
 52 | 				default: '请输入内容'
 53 | 			},
 54 | 			/**
 55 | 			 * 对话框主题 success/warning/info/error	  默认 success
 56 | 			 */
 57 | 			type: {
 58 | 				type: String,
 59 | 				default: 'error'
 60 | 			},
 61 | 			/**
 62 | 			 * 对话框模式 base/input
 63 | 			 */
 64 | 			mode: {
 65 | 				type: String,
 66 | 				default: 'base'
 67 | 			},
 68 | 			/**
 69 | 			 * 对话框标题
 70 | 			 */
 71 | 			title: {
 72 | 				type: String,
 73 | 				default: '提示'
 74 | 			},
 75 | 			/**
 76 | 			 * 对话框内容
 77 | 			 */
 78 | 			content: {
 79 | 				type: String,
 80 | 				default: ''
 81 | 			},
 82 | 			/**
 83 | 			 * 拦截取消事件 ，如果拦截取消事件，必须监听close事件，执行 done()
 84 | 			 */
 85 | 			beforeClose: {
 86 | 				type: Boolean,
 87 | 				default: false
 88 | 			}
 89 | 		},
 90 | 		data() {
 91 | 			return {
 92 | 				dialogType: 'error',
 93 | 				focus: false,
 94 | 				val: ""
 95 | 			}
 96 | 		},
 97 | 		inject: ['popup'],
 98 | 		watch: {
 99 | 			type(val) {
100 | 				this.dialogType = val
101 | 			},
102 | 			mode(val) {
103 | 				if (val === 'input') {
104 | 					this.dialogType = 'info'
105 | 				}
106 | 			},
107 | 			value(val) {
108 | 				this.val = val
109 | 			}
110 | 		},
111 | 		created() {
112 | 			// 对话框遮罩不可点击
113 | 			this.popup.mkclick = false
114 | 			if (this.mode === 'input') {
115 | 				this.dialogType = 'info'
116 | 				this.val = this.value
117 | 			} else {
118 | 				this.dialogType = this.type
119 | 			}
120 | 		},
121 | 		mounted() {
122 | 			this.focus = true
123 | 		},
124 | 		methods: {
125 | 			/**
126 | 			 * 点击确认按钮
127 | 			 */
128 | 			onOk() {
129 | 				this.$emit('confirm', () => {
130 | 					this.popup.close()
131 | 					if (this.mode === 'input') this.val = this.value
132 | 				}, this.mode === 'input' ? this.val : '')
133 | 			},
134 | 			/**
135 | 			 * 点击取消按钮
136 | 			 */
137 | 			close() {
138 | 				if (this.beforeClose) {
139 | 					this.$emit('close', () => {
140 | 						this.popup.close()
141 | 					})
142 | 					return
143 | 				}
144 | 				this.popup.close()
145 | 			}
146 | 		}
147 | 	}
148 | </script>
149 | 
150 | <style lang="scss" scoped>
151 | 	.uni-popup-dialog {
152 | 		width: 300px;
153 | 		border-radius: 15px;
154 | 		background-color: #fff;
155 | 	}
156 | 
157 | 	.uni-dialog-title {
158 | 		/* #ifndef APP-NVUE */
159 | 		display: flex;
160 | 		/* #endif */
161 | 		flex-direction: row;
162 | 		justify-content: center;
163 | 		padding-top: 15px;
164 | 		padding-bottom: 5px;
165 | 	}
166 | 
167 | 	.uni-dialog-title-text {
168 | 		font-size: 16px;
169 | 		font-weight: 500;
170 | 	}
171 | 
172 | 	.uni-dialog-content {
173 | 		/* #ifndef APP-NVUE */
174 | 		display: flex;
175 | 		/* #endif */
176 | 		flex-direction: row;
177 | 		justify-content: center;
178 | 		align-items: center;
179 | 		padding: 5px 15px 15px 15px;
180 | 	}
181 | 
182 | 	.uni-dialog-content-text {
183 | 		font-size: 14px;
184 | 		color: #6e6e6e;
185 | 	}
186 | 
187 | 	.uni-dialog-button-group {
188 | 		/* #ifndef APP-NVUE */
189 | 		display: flex;
190 | 		/* #endif */
191 | 		flex-direction: row;
192 | 		border-top-color: #f5f5f5;
193 | 		border-top-style: solid;
194 | 		border-top-width: 1px;
195 | 	}
196 | 
197 | 	.uni-dialog-button {
198 | 		/* #ifndef APP-NVUE */
199 | 		display: flex;
200 | 		/* #endif */
201 | 
202 | 		flex: 1;
203 | 		flex-direction: row;
204 | 		justify-content: center;
205 | 		align-items: center;
206 | 		height: 45px;
207 | 	}
208 | 
209 | 	.uni-border-left {
210 | 		border-left-color: #f0f0f0;
211 | 		border-left-style: solid;
212 | 		border-left-width: 1px;
213 | 	}
214 | 
215 | 	.uni-dialog-button-text {
216 | 		font-size: 14px;
217 | 	}
218 | 
219 | 	.uni-button-color {
220 | 		color: $uni-color-primary;
221 | 	}
222 | 
223 | 	.uni-dialog-input {
224 | 		flex: 1;
225 | 		font-size: 14px;
226 | 	}
227 | 
228 | 	.uni-popup__success {
229 | 		color: $uni-color-success;
230 | 	}
231 | 
232 | 	.uni-popup__warn {
233 | 		color: $uni-color-warning;
234 | 	}
235 | 
236 | 	.uni-popup__error {
237 | 		color: $uni-color-error;
238 | 	}
239 | 
240 | 	.uni-popup__info {
241 | 		color: #909399;
242 | 	}
243 | </style>
244 | 


--------------------------------------------------------------------------------
/components/uni-popup/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-popup/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 | 			}
 53 | 		},
 54 | 		created() {},
 55 | 		methods: {
 56 | 			/**
 57 | 			 * 选择内容
 58 | 			 */
 59 | 			select(item, index) {
 60 | 				this.$emit('select', {
 61 | 					item,
 62 | 					index
 63 | 				}, () => {
 64 | 					this.popup.close()
 65 | 				})
 66 | 			},
 67 | 			/**
 68 | 			 * 关闭窗口
 69 | 			 */
 70 | 			close() {
 71 | 				this.popup.close()
 72 | 			}
 73 | 		}
 74 | 	}
 75 | </script>
 76 | <style lang="scss" scoped>
 77 | 	.uni-popup-share {
 78 | 		background-color: #fff;
 79 | 	}
 80 | 	.uni-share-title {
 81 | 		/* #ifndef APP-NVUE */
 82 | 		display: flex;
 83 | 		/* #endif */
 84 | 		flex-direction: row;
 85 | 		align-items: center;
 86 | 		justify-content: center;
 87 | 		height: 40px;
 88 | 	}
 89 | 	.uni-share-title-text {
 90 | 		font-size: 14px;
 91 | 		color: #666;
 92 | 	}
 93 | 	.uni-share-content {
 94 | 		/* #ifndef APP-NVUE */
 95 | 		display: flex;
 96 | 		/* #endif */
 97 | 		flex-direction: row;
 98 | 		justify-content: center;
 99 | 		padding-top: 10px;
100 | 	}
101 | 	
102 | 	.uni-share-content-box {
103 | 		/* #ifndef APP-NVUE */
104 | 		display: flex;
105 | 		/* #endif */
106 | 		flex-direction: row;
107 | 		flex-wrap: wrap;
108 | 		width: 360px;
109 | 	}
110 | 	
111 | 	.uni-share-content-item {
112 | 		width: 90px;
113 | 		/* #ifndef APP-NVUE */
114 | 		display: flex;
115 | 		/* #endif */
116 | 		flex-direction: column;
117 | 		justify-content: center;
118 | 		padding: 10px 0;
119 | 		align-items: center;
120 | 	}
121 | 	
122 | 	.uni-share-content-item:active {
123 | 		background-color: #f5f5f5;
124 | 	}
125 | 	
126 | 	.uni-share-image {
127 | 		width: 30px;
128 | 		height: 30px;
129 | 	}
130 | 	
131 | 	.uni-share-text {
132 | 		margin-top: 10px;
133 | 		font-size: 14px;
134 | 		color: #3B4144;
135 | 	}
136 | 	
137 | 	.uni-share-button-box {
138 | 		/* #ifndef APP-NVUE */
139 | 		display: flex;
140 | 		/* #endif */
141 | 		flex-direction: row;
142 | 		padding: 10px 15px;
143 | 	}
144 | 	
145 | 	.uni-share-button {
146 | 		flex: 1;
147 | 		border-radius: 50px;
148 | 		color: #666;
149 | 		font-size: 16px;
150 | 	}
151 | 	
152 | 	.uni-share-button::after {
153 | 		border-radius: 50px;
154 | 	}
155 | </style>
156 | 


--------------------------------------------------------------------------------
/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/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/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-pagination/uni-pagination.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-pagination">
  3 | 		<view class="uni-pagination__btn" :class="currentIndex === 1 ? 'uni-pagination--disabled' : 'uni-pagination--enabled'"
  4 | 		 :hover-class="currentIndex === 1 ? '' : 'uni-pagination--hover'" :hover-start-time="20" :hover-stay-time="70"
  5 | 		 @click="clickLeft">
  6 | 			<template v-if="showIcon===true || showIcon === 'true'">
  7 | 				<uni-icons color="#000" size="20" type="arrowleft" />
  8 | 			</template>
  9 | 			<template v-else><text class="uni-pagination__child-btn">{{ prevText }}</text></template>
 10 | 		</view>
 11 | 		<view class="uni-pagination__num">
 12 | 			<view class="uni-pagination__num-current">
 13 | 				<text class="uni-pagination__num-current-text" style="color:#007aff">{{ currentIndex }}</text><text class="uni-pagination__num-current-text">/{{ maxPage || 0 }}</text>
 14 | 			</view>
 15 | 		</view>
 16 | 		<view class="uni-pagination__btn" :class="currentIndex === maxPage ? 'uni-pagination--disabled' : 'uni-pagination--enabled'"
 17 | 		 :hover-class="currentIndex === maxPage ? '' : 'uni-pagination--hover'" :hover-start-time="20" :hover-stay-time="70"
 18 | 		 @click="clickRight">
 19 | 			<template v-if="showIcon===true || showIcon === 'true'">
 20 | 				<uni-icons color="#000" size="20" type="arrowright" />
 21 | 			</template>
 22 | 			<template v-else><text class="uni-pagination__child-btn">{{ nextText }}</text></template>
 23 | 		</view>
 24 | 	</view>
 25 | </template>
 26 | 
 27 | <script>
 28 | 	import uniIcons from '../uni-icons/uni-icons.vue'
 29 | 
 30 | 	/**
 31 | 	 * Pagination 分页器
 32 | 	 * @description 分页器组件，用于展示页码、请求数据等
 33 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=32
 34 | 	 * @property {String} prevText 左侧按钮文字
 35 | 	 * @property {String} nextText 右侧按钮文字
 36 | 	 * @property {Number} current 当前页
 37 | 	 * @property {Number} total 数据总量
 38 | 	 * @property {Number} pageSize 每页数据量
 39 | 	 * @property {Number} showIcon = [true|false] 是否以 icon 形式展示按钮
 40 | 	 * @event {Function} change 点击页码按钮时触发 ,e={type,current} current为当前页，type值为：next/prev，表示点击的是上一页还是下一个
 41 | 	 */
 42 | 
 43 | 	export default {
 44 | 		name: 'UniPagination',
 45 | 		components: {
 46 | 			uniIcons
 47 | 		},
 48 | 		props: {
 49 | 			prevText: {
 50 | 				type: String,
 51 | 				default: '上一页'
 52 | 			},
 53 | 			nextText: {
 54 | 				type: String,
 55 | 				default: '下一页'
 56 | 			},
 57 | 			current: {
 58 | 				type: [Number, String],
 59 | 				default: 1
 60 | 			},
 61 | 			total: { // 数据总量
 62 | 				type: [Number, String],
 63 | 				default: 0
 64 | 			},
 65 | 			pageSize: { // 每页数据量
 66 | 				type: [Number, String],
 67 | 				default: 10
 68 | 			},
 69 | 			showIcon: { // 是否以 icon 形式展示按钮
 70 | 				type: [Boolean, String],
 71 | 				default: false
 72 | 			}
 73 | 		},
 74 | 		data() {
 75 | 			return {
 76 | 				currentIndex: 1
 77 | 			}
 78 | 		},
 79 | 		computed: {
 80 | 			maxPage() {
 81 | 				let maxPage = 1
 82 | 				let total = Number(this.total)
 83 | 				let pageSize = Number(this.pageSize)
 84 | 				if (total && pageSize) {
 85 | 					maxPage = Math.ceil(total / pageSize)
 86 | 				}
 87 | 				return maxPage
 88 | 			}
 89 | 		},
 90 | 		watch: {
 91 | 			current(val) {
 92 | 				this.currentIndex = +val
 93 | 			}
 94 | 		},
 95 | 		created() {
 96 | 			this.currentIndex = +this.current
 97 | 		},
 98 | 		methods: {
 99 | 			clickLeft() {
100 | 				if (Number(this.currentIndex) === 1) {
101 | 					return
102 | 				}
103 | 				this.currentIndex -= 1
104 | 				this.change('prev')
105 | 			},
106 | 			clickRight() {
107 | 				if (Number(this.currentIndex) === this.maxPage) {
108 | 					return
109 | 				}
110 | 				this.currentIndex += 1
111 | 				this.change('next')
112 | 			},
113 | 			change(e) {
114 | 				this.$emit('change', {
115 | 					type: e,
116 | 					current: this.currentIndex
117 | 				})
118 | 			}
119 | 		}
120 | 	}
121 | </script>
122 | 
123 | <style lang="scss" scoped>
124 | 	.uni-pagination {
125 | 		/* #ifndef APP-NVUE */
126 | 		display: flex;
127 | 		/* #endif */
128 | 		position: relative;
129 | 		overflow: hidden;
130 | 		flex-direction: row;
131 | 		justify-content: center;
132 | 		align-items: center;
133 | 	}
134 | 
135 | 	.uni-pagination__btn {
136 | 		/* #ifndef APP-NVUE */
137 | 		display: flex;
138 | 		/* #endif */
139 | 		width: 60px;
140 | 		height: 30px;
141 | 		line-height: 30px;
142 | 		font-size: $uni-font-size-base;
143 | 		position: relative;
144 | 		background-color: $uni-bg-color-grey;
145 | 		flex-direction: row;
146 | 		justify-content: center;
147 | 		align-items: center;
148 | 		text-align: center;
149 | 		border-width: 1px;
150 | 		border-style: solid;
151 | 		border-color: $uni-border-color;
152 | 	}
153 | 
154 | 	.uni-pagination__child-btn {
155 | 		/* #ifndef APP-NVUE */
156 | 		display: flex;
157 | 		/* #endif */
158 | 		font-size: $uni-font-size-base;
159 | 		position: relative;
160 | 		flex-direction: row;
161 | 		justify-content: center;
162 | 		align-items: center;
163 | 		text-align: center;
164 | 	}
165 | 
166 | 	.uni-pagination__num {
167 | 		/* #ifndef APP-NVUE */
168 | 		display: flex;
169 | 		/* #endif */
170 | 		flex: 1;
171 | 		flex-direction: row;
172 | 		justify-content: center;
173 | 		align-items: center;
174 | 		height: 30px;
175 | 		line-height: 30px;
176 | 		font-size: $uni-font-size-base;
177 | 		color: $uni-text-color;
178 | 	}
179 | 
180 | 	.uni-pagination__num-current {
181 | 		/* #ifndef APP-NVUE */
182 | 		display: flex;
183 | 		/* #endif */
184 | 		flex-direction: row;
185 | 	}
186 | 
187 | 	.uni-pagination__num-current-text {
188 | 		font-size: 15px;
189 | 	}
190 | 
191 | 	.uni-pagination--enabled {
192 | 		color: #333333;
193 | 		opacity: 1;
194 | 	}
195 | 
196 | 	.uni-pagination--disabled {
197 | 		opacity: 0.3;
198 | 	}
199 | 
200 | 	.uni-pagination--hover {
201 | 		color: rgba(0, 0, 0, .6);
202 | 		background-color: $uni-bg-color-hover;
203 | 	}
204 | </style>
205 | 


--------------------------------------------------------------------------------
/components/uni-ui/uni-popup-dialog/uni-popup-dialog.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-popup-dialog">
  3 | 		<view class="uni-dialog-title">
  4 | 			<text class="uni-dialog-title-text" :class="['uni-popup__'+dialogType]">{{title}}</text>
  5 | 		</view>
  6 | 		<view class="uni-dialog-content">
  7 | 			<text class="uni-dialog-content-text" v-if="mode === 'base'">{{content}}</text>
  8 | 			<input v-else class="uni-dialog-input" v-model="val" type="text" :placeholder="placeholder" :focus="focus" >
  9 | 		</view>
 10 | 		<view class="uni-dialog-button-group">
 11 | 			<view class="uni-dialog-button" @click="close">
 12 | 				<text class="uni-dialog-button-text">取消</text>
 13 | 			</view>
 14 | 			<view class="uni-dialog-button uni-border-left" @click="onOk">
 15 | 				<text class="uni-dialog-button-text uni-button-color">确定</text>
 16 | 			</view>
 17 | 		</view>
 18 | 
 19 | 	</view>
 20 | </template>
 21 | 
 22 | <script>
 23 | 	/**
 24 | 	 * PopUp 弹出层-对话框样式
 25 | 	 * @description 弹出层-对话框样式
 26 | 	 * @tutorial https://ext.dcloud.net.cn/plugin?id=329
 27 | 	 * @property {String} value input 模式下的默认值
 28 | 	 * @property {String} placeholder input 模式下输入提示
 29 | 	 * @property {String} type = [success|warning|info|error] 主题样式
 30 | 	 *  @value success 成功
 31 | 	 * 	@value warning 提示
 32 | 	 * 	@value info 消息
 33 | 	 * 	@value error 错误
 34 | 	 * @property {String} mode = [base|input] 模式、
 35 | 	 * 	@value base 基础对话框
 36 | 	 * 	@value input 可输入对话框
 37 | 	 * @property {String} content 对话框内容
 38 | 	 * @property {Boolean} beforeClose 是否拦截取消事件
 39 | 	 * @event {Function} confirm 点击确认按钮触发
 40 | 	 * @event {Function} close 点击取消按钮触发
 41 | 	 */
 42 | 
 43 | 	export default {
 44 | 		name: "uniPopupDialog",
 45 | 		props: {
 46 | 			value: {
 47 | 				type: [String, Number],
 48 | 				default: ''
 49 | 			},
 50 | 			placeholder: {
 51 | 				type: [String, Number],
 52 | 				default: '请输入内容'
 53 | 			},
 54 | 			/**
 55 | 			 * 对话框主题 success/warning/info/error	  默认 success
 56 | 			 */
 57 | 			type: {
 58 | 				type: String,
 59 | 				default: 'error'
 60 | 			},
 61 | 			/**
 62 | 			 * 对话框模式 base/input
 63 | 			 */
 64 | 			mode: {
 65 | 				type: String,
 66 | 				default: 'base'
 67 | 			},
 68 | 			/**
 69 | 			 * 对话框标题
 70 | 			 */
 71 | 			title: {
 72 | 				type: String,
 73 | 				default: '提示'
 74 | 			},
 75 | 			/**
 76 | 			 * 对话框内容
 77 | 			 */
 78 | 			content: {
 79 | 				type: String,
 80 | 				default: ''
 81 | 			},
 82 | 			/**
 83 | 			 * 拦截取消事件 ，如果拦截取消事件，必须监听close事件，执行 done()
 84 | 			 */
 85 | 			beforeClose: {
 86 | 				type: Boolean,
 87 | 				default: false
 88 | 			}
 89 | 		},
 90 | 		data() {
 91 | 			return {
 92 | 				dialogType: 'error',
 93 | 				focus: false,
 94 | 				val: ""
 95 | 			}
 96 | 		},
 97 | 		inject: ['popup'],
 98 | 		watch: {
 99 | 			type(val) {
100 | 				this.dialogType = val
101 | 			},
102 | 			mode(val) {
103 | 				if (val === 'input') {
104 | 					this.dialogType = 'info'
105 | 				}
106 | 			},
107 | 			value(val) {
108 | 				this.val = val
109 | 			}
110 | 		},
111 | 		created() {
112 | 			// 对话框遮罩不可点击
113 | 			this.popup.mkclick = false
114 | 			if (this.mode === 'input') {
115 | 				this.dialogType = 'info'
116 | 				this.val = this.value
117 | 			} else {
118 | 				this.dialogType = this.type
119 | 			}
120 | 		},
121 | 		mounted() {
122 | 			this.focus = true
123 | 		},
124 | 		methods: {
125 | 			/**
126 | 			 * 点击确认按钮
127 | 			 */
128 | 			onOk() {
129 | 				this.$emit('confirm', () => {
130 | 					this.popup.close()
131 | 					if (this.mode === 'input') this.val = this.value
132 | 				}, this.mode === 'input' ? this.val : '')
133 | 			},
134 | 			/**
135 | 			 * 点击取消按钮
136 | 			 */
137 | 			close() {
138 | 				if (this.beforeClose) {
139 | 					this.$emit('close', () => {
140 | 						this.popup.close()
141 | 					})
142 | 					return
143 | 				}
144 | 				this.popup.close()
145 | 			}
146 | 		}
147 | 	}
148 | </script>
149 | 
150 | <style lang="scss" scoped>
151 | 	.uni-popup-dialog {
152 | 		width: 300px;
153 | 		border-radius: 15px;
154 | 		background-color: #fff;
155 | 	}
156 | 
157 | 	.uni-dialog-title {
158 | 		/* #ifndef APP-NVUE */
159 | 		display: flex;
160 | 		/* #endif */
161 | 		flex-direction: row;
162 | 		justify-content: center;
163 | 		padding-top: 15px;
164 | 		padding-bottom: 5px;
165 | 	}
166 | 
167 | 	.uni-dialog-title-text {
168 | 		font-size: 16px;
169 | 		font-weight: 500;
170 | 	}
171 | 
172 | 	.uni-dialog-content {
173 | 		/* #ifndef APP-NVUE */
174 | 		display: flex;
175 | 		/* #endif */
176 | 		flex-direction: row;
177 | 		justify-content: center;
178 | 		align-items: center;
179 | 		padding: 5px 15px 15px 15px;
180 | 	}
181 | 
182 | 	.uni-dialog-content-text {
183 | 		font-size: 14px;
184 | 		color: #6e6e6e;
185 | 	}
186 | 
187 | 	.uni-dialog-button-group {
188 | 		/* #ifndef APP-NVUE */
189 | 		display: flex;
190 | 		/* #endif */
191 | 		flex-direction: row;
192 | 		border-top-color: #f5f5f5;
193 | 		border-top-style: solid;
194 | 		border-top-width: 1px;
195 | 	}
196 | 
197 | 	.uni-dialog-button {
198 | 		/* #ifndef APP-NVUE */
199 | 		display: flex;
200 | 		/* #endif */
201 | 
202 | 		flex: 1;
203 | 		flex-direction: row;
204 | 		justify-content: center;
205 | 		align-items: center;
206 | 		height: 45px;
207 | 	}
208 | 
209 | 	.uni-border-left {
210 | 		border-left-color: #f0f0f0;
211 | 		border-left-style: solid;
212 | 		border-left-width: 1px;
213 | 	}
214 | 
215 | 	.uni-dialog-button-text {
216 | 		font-size: 14px;
217 | 	}
218 | 
219 | 	.uni-button-color {
220 | 		color: $uni-color-primary;
221 | 	}
222 | 
223 | 	.uni-dialog-input {
224 | 		flex: 1;
225 | 		font-size: 14px;
226 | 	}
227 | 
228 | 	.uni-popup__success {
229 | 		color: $uni-color-success;
230 | 	}
231 | 
232 | 	.uni-popup__warn {
233 | 		color: $uni-color-warning;
234 | 	}
235 | 
236 | 	.uni-popup__error {
237 | 		color: $uni-color-error;
238 | 	}
239 | 
240 | 	.uni-popup__info {
241 | 		color: #909399;
242 | 	}
243 | </style>
244 | 


--------------------------------------------------------------------------------
/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 | 


--------------------------------------------------------------------------------
/components/xuan-linkAddress/api.js:
--------------------------------------------------------------------------------
 1 | import Request from "@/static/xuan-linkAddress/request.js"
 2 | //创建Request对象
 3 | let request=new Request();
 4 | 
 5 | export default{
 6 | 	//data 参数值
 7 | 	get_linkAddress_api:function(data){
 8 | 		console.log(data);
 9 | 		return request.http('/api/address/area',data,'GET');
10 | 	}
11 | }
12 | 


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import store from './store'
 3 | import App from './App'
 4 | import Json from './Json' 
 5 | const msg = (title, duration=1500, mask=false, icon='none')=>{
 6 | 	//统一提示方便全局修改
 7 | 	if(Boolean(title) === false){
 8 | 		return;
 9 | 	}
10 | 	uni.showToast({
11 | 		title,
12 | 		duration,
13 | 		mask,
14 | 		icon
15 | 	});
16 | }
17 | const json = type=>{
18 | 	//模拟异步请求数据
19 | 	return new Promise(resolve=>{
20 | 		setTimeout(()=>{
21 | 			resolve(Json[type]);
22 | 		}, 500)
23 | 	})
24 | }
25 | const prePage = ()=>{
26 | 	let pages = getCurrentPages();
27 | 	let prePage = pages[pages.length - 2];
28 | 	// #ifdef H5
29 | 	return prePage;
30 | 	// #endif
31 | 	return prePage.$vm;
32 | }
33 | 
34 | 
35 | Vue.config.productionTip = false
36 | Vue.prototype.$fire = new Vue();
37 | Vue.prototype.$store = store;
38 | Vue.prototype.$api = {msg, json, prePage};
39 | 
40 | App.mpType = 'app'
41 | 
42 | const app = new Vue({
43 |     ...App
44 | })
45 | app.$mount()


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "name" : "花花万物",
  3 |     "appid" : "__UNI__EBA89D0",
  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 |         /* 应用发布信息 */
 22 |         "distribute" : {
 23 |             /* android打包配置 */
 24 |             "android" : {
 25 |                 "permissions" : [
 26 |                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
 27 |                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
 28 |                     "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
 29 |                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
 30 |                     "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
 31 |                     "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
 32 |                     "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
 33 |                     "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
 34 |                     "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
 35 |                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",
 36 |                     "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
 37 |                     "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
 38 |                     "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
 39 |                     "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
 40 |                     "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
 41 |                     "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
 42 |                     "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
 43 |                     "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
 44 |                     "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
 45 |                     "<uses-feature android:name=\"android.hardware.camera\"/>",
 46 |                     "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
 47 |                     "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
 48 |                 ]
 49 |             },
 50 |             /* ios打包配置 */
 51 |             "ios" : {},
 52 |             /* SDK配置 */
 53 |             "sdkConfigs" : {},
 54 |             "splashscreen" : {
 55 |                 "androidStyle" : "default"
 56 |             }
 57 |         }
 58 |     },
 59 |     /* 快应用特有相关 */
 60 |     "quickapp" : {},
 61 |     /* 小程序特有相关 */
 62 |     "mp-weixin" : {
 63 |         "appid" : "wx591725fc1fb18f80",
 64 |         "setting" : {
 65 |             "urlCheck" : false
 66 |         },
 67 |         "usingComponents" : true
 68 |     },
 69 |     "mp-alipay" : {
 70 |         "usingComponents" : true
 71 |     },
 72 |     "mp-baidu" : {
 73 |         "usingComponents" : true
 74 |     },
 75 |     "mp-toutiao" : {
 76 |         "usingComponents" : true
 77 |     },
 78 |     "uniStatistics" : {
 79 |         "enable" : false
 80 |     },
 81 |     "h5" : {
 82 |         "devServer" : {
 83 |             "port" : 8000,
 84 |             "disableHostCheck" : true,
 85 |             "proxy" : {
 86 |                 "/wscshop/*" : {
 87 |                     "target" : "https://h5.youzan.com/",
 88 |                     "changeOrigin" : true,
 89 |                     "secure" : false
 90 |                 },
 91 |                 "/wscgoods/*" : {
 92 |                     "target" : "https://h5.youzan.com/",
 93 |                     "changeOrigin" : true,
 94 |                     "secure" : false
 95 |                 }
 96 |             },
 97 |             "https" : false
 98 |         },
 99 |         "router" : {
100 |             "mode" : "hash"
101 |         }
102 |     }
103 | }
104 | 


--------------------------------------------------------------------------------
/pages.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"pages": [{
  3 | 			"path": "pages/index/index",
  4 | 			"style": {
  5 | 				"navigationBarTitleText": "花花万物"
  6 | 			}
  7 | 		}, {
  8 | 			"path": "pages/shop/shop",
  9 | 			"style": {
 10 | 				"navigationBarTitleText": "花花万物全国门店",
 11 | 				"enablePullDownRefresh": true
 12 | 			}
 13 | 		},
 14 | 		{
 15 | 			"path": "pages/classify/classify",
 16 | 			"style": {
 17 | 				"navigationBarTitleText": "商品分组"
 18 | 			}
 19 | 		},
 20 | 		{
 21 | 			"path": "pages/search/search",
 22 | 			"style": {
 23 | 				"navigationBarTitleText": "花花万物"
 24 | 			}
 25 | 		},
 26 | 		{
 27 | 			"path": "pages/map/map",
 28 | 			"style": {
 29 | 				"navigationBarTitleText": "位置信息"
 30 | 			}
 31 | 		},
 32 | 		{
 33 | 			"path": "pages/carts/carts",
 34 | 			"style": {
 35 | 				"navigationBarTitleText": "购物车"
 36 | 			}
 37 | 		}, {
 38 | 			"path": "pages/user/user",
 39 | 			"style": {
 40 | 				"navigationBarTitleText": "个人中心"
 41 | 			}
 42 | 		}, 
 43 | 		{
 44 | 			"path": "pages/detail/detail",
 45 | 			"style": {
 46 | 				"navigationBarTitleText": "详情展示"
 47 | 			}
 48 | 		},
 49 | 		{
 50 | 			"path": "pages/list/list",
 51 | 			"style": {
 52 | 				"navigationBarTitleText": "商品列表"
 53 | 			}
 54 | 		},
 55 | 		{
 56 | 			"path": "pages/set/set",
 57 | 			"style": {
 58 | 				"navigationBarTitleText": "设置"
 59 | 			}
 60 | 		},
 61 | 		{
 62 | 			"path": "pages/public/public",
 63 | 			"style": {
 64 | 				"navigationBarTitleText": "登录"
 65 | 			}
 66 | 		},
 67 | 		{
 68 | 			"path": "pages/order/order",
 69 | 			"style": {
 70 | 				"navigationBarTitleText": "我的订单"
 71 | 			}
 72 | 		},
 73 | 		{
 74 | 			"path": "pages/address/address",
 75 | 			"style": {
 76 | 				"navigationBarTitleText": "收货地址"
 77 | 			}
 78 | 		},
 79 | 		{
 80 | 			"path": "pages/more/more",
 81 | 			"style": {
 82 | 				"navigationBarTitleText": "最热商品"
 83 | 			}
 84 | 		},
 85 | 		{
 86 | 			"path": "pages/address/addressManage",
 87 | 			"style": {
 88 | 				"navigationBarTitleText": ""
 89 | 			}
 90 | 		}
 91 | 	    ,{
 92 |             "path" : "pages/pay/pay",
 93 |             "style" :                                                                                    
 94 |             {
 95 |                 "navigationBarTitleText": "",
 96 |                 "enablePullDownRefresh": false
 97 |             }
 98 |             
 99 |         }
100 |     ],
101 | 	"globalStyle": {
102 | 		"navigationBarTextStyle": "black",
103 | 		"navigationBarBackgroundColor": "#f9f9f9",
104 | 		"backgroundColor": "#F8F8F8"
105 | 
106 | 
107 | 	},
108 | 	"tabBar": {
109 | 		"color": "#424242",
110 | 		"selectedColor": "#FF4B4B",
111 | 		"list": [{
112 | 				"pagePath": "pages/index/index",
113 | 				"text": "首页",
114 | 				"iconPath": "/static/icon/sy3.png",
115 | 				"selectedIconPath": "/static/icon/sy1.png"
116 | 			},
117 | 			{
118 | 				"pagePath": "pages/classify/classify",
119 | 				"text": "分类",
120 | 				"iconPath": "/static/icon/fl.png",
121 | 				"selectedIconPath": "/static/icon/fl1.png"
122 | 			},
123 | 
124 | 			{
125 | 				"pagePath": "pages/shop/shop",
126 | 				"text": "门店",
127 | 				"iconPath": "/static/icon/md.png",
128 | 				"selectedIconPath": "/static/icon/md1.png"
129 | 			},
130 | 			{
131 | 				"pagePath": "pages/carts/carts",
132 | 				"text": "购物车",
133 | 				"iconPath": "/static/icon/gwc.png",
134 | 				"selectedIconPath": "/static/icon/gwc1.png"
135 | 			},
136 | 			{
137 | 				"pagePath": "pages/user/user",
138 | 				"text": "个人中心",
139 | 				"iconPath": "/static/icon/grzx.png",
140 | 				"selectedIconPath": "/static/icon/grzx1.png"
141 | 			}
142 | 
143 | 		]
144 | 	}
145 | }
146 | 


--------------------------------------------------------------------------------
/pages/address/address.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="content b-t">
  3 | 		<view class="list b-b" v-for="(item, index) in addressList" :key="index" @click="checkAddress(item)">
  4 | 			<view class="wrapper">
  5 | 				<view class="address-box">
  6 | 					<text v-if="item.default" class="tag">默认</text>
  7 | 					<text class="address">{{item.addressName}} {{item.area}}</text>
  8 | 				</view>
  9 | 				<view class="u-box">
 10 | 					<text class="name">{{item.name}}</text>
 11 | 					<text class="mobile">{{item.mobile}}</text>
 12 | 				</view>
 13 | 			</view>
 14 | 			<text class="yticon icon-bianji" @click.stop="addAddress('edit', item)"></text>
 15 | 		</view>
 16 | 		<text style="display:block;padding: 16upx 30upx 10upx;lihe-height: 1.6;color: #fa436a;font-size: 24upx;">
 17 | 		</text>
 18 | 		
 19 | 		<button class="add-btn" @click="addAddress('add')">新增地址</button>
 20 | 	</view>
 21 | </template>
 22 | 
 23 | <script>
 24 | 	export default {
 25 | 		data() {
 26 | 			return {
 27 | 				source: 0,
 28 | 				addressList: [
 29 | 					{
 30 | 						name: '翠花',
 31 | 						mobile: '18666666666',
 32 | 						addressName: '西冷牛排(东城店)',
 33 | 						address: '北京市大悦城',
 34 | 						area: 'B区',
 35 | 						default: true
 36 | 					},{
 37 | 						name: '铁牛',
 38 | 						mobile: '18667766666',
 39 | 						addressName: '龙舒区6楼',
 40 | 						address: '上海市闵行区',
 41 | 						area: '西单元402',
 42 | 						default: false,
 43 | 					}
 44 | 				]
 45 | 			}
 46 | 		},
 47 | 		onLoad(option){
 48 | 			console.log(option.source);
 49 | 			this.source = option.source;
 50 | 		},
 51 | 		methods: {
 52 | 			//选择地址
 53 | 			checkAddress(item){
 54 | 				if(this.source == 1){
 55 | 					//this.$api.prePage()获取上一页实例，在App.vue定义
 56 | 					this.$api.prePage().addressData = item;
 57 | 					uni.navigateBack()
 58 | 				}
 59 | 			},
 60 | 			addAddress(type, item){
 61 | 				uni.navigateTo({
 62 | 					url: `/pages/address/addressManage?type=${type}&data=${JSON.stringify(item)}`
 63 | 				})
 64 | 			},
 65 | 			//添加或修改成功之后回调
 66 | 			refreshList(data, type){
 67 | 				//添加或修改后事件，这里直接在最前面添加了一条数据，实际应用中直接刷新地址列表即可
 68 | 				this.addressList.unshift(data);
 69 | 				
 70 | 				console.log(data, type);
 71 | 			}
 72 | 		}
 73 | 	}
 74 | </script>
 75 | 
 76 | <style lang='scss'>
 77 | 	page{
 78 | 		padding-bottom: 120upx;
 79 | 	}
 80 | 	.content{
 81 | 		position: relative;
 82 | 	}
 83 | 	.list{
 84 | 		display: flex;
 85 | 		align-items: center;
 86 | 		padding: 20upx 30upx;;
 87 | 		background: #fff;
 88 | 		position: relative;
 89 | 	}
 90 | 	.wrapper{
 91 | 		display: flex;
 92 | 		flex-direction: column;
 93 | 		flex: 1;
 94 | 	}
 95 | 	.address-box{
 96 | 		display: flex;
 97 | 		align-items: center;
 98 | 		.tag{
 99 | 			font-size: 24upx;
100 | 			color: $base-color;
101 | 			margin-right: 10upx;
102 | 			background: #ffffff;
103 | 			border: 1px solid #75cab3;
104 | 			border-radius: 10upx;
105 | 			padding: 4upx 10upx;
106 | 			line-height: 1;
107 | 		}
108 | 		.address{
109 | 			font-size: 30upx;
110 | 			color: $font-color-dark;
111 | 		}
112 | 	}
113 | 	.u-box{
114 | 		font-size: 28upx;
115 | 		color: $font-color-light;
116 | 		margin-top: 16upx;
117 | 		.name{
118 | 			margin-right: 30upx;
119 | 		}
120 | 	}
121 | 	.icon-bianji{
122 | 		display: flex;
123 | 		align-items: center;
124 | 		height: 80upx;
125 | 		font-size: 40upx;
126 | 		color: $font-color-light;
127 | 		padding-left: 30upx;
128 | 	}
129 | 	
130 | 	.add-btn{
131 | 		position: fixed;
132 | 		left: 30upx;
133 | 		right: 30upx;
134 | 		bottom: 16upx;
135 | 		z-index: 95;
136 | 		display: flex;
137 | 		align-items: center;
138 | 		justify-content: center;
139 | 		width: 690upx;
140 | 		height: 80upx;
141 | 		font-size: 32upx;
142 | 		color: #fff;
143 | 		background-color: $base-color;
144 | 		border-radius: 10upx;
145 | 		box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4);		
146 | 	}
147 | </style>
148 | 


--------------------------------------------------------------------------------
/pages/address/addressManage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="content">
  3 | 		<view class="row b-b">
  4 | 			<text class="tit">联系人</text>
  5 | 			<input class="input" type="text" v-model="addressData.name" placeholder="收货人姓名" placeholder-class="placeholder" />
  6 | 		</view>
  7 | 		<view class="row b-b">
  8 | 			<text class="tit">手机号</text>
  9 | 			<input class="input" type="number" v-model="addressData.mobile" placeholder="收货人手机号码" placeholder-class="placeholder" />
 10 | 		</view>
 11 | 		<view class="row b-b">
 12 | 			<text class="tit">地址</text>
 13 | 			<text @click="chooseLocation" class="input">
 14 | 				{{addressData.addressName}}
 15 | 			</text>
 16 | 			<text class="yticon icon-shouhuodizhi"></text>
 17 | 		</view>
 18 | 		<view class="row b-b"> 
 19 | 			<text class="tit">门牌号</text>
 20 | 			<input class="input" type="text" v-model="addressData.area" placeholder="楼号、门牌" placeholder-class="placeholder" />
 21 | 		</view>
 22 | 		
 23 | 		<view class="row default-row">
 24 | 			<text class="tit">设为默认</text>
 25 | 			<switch :checked="addressData.defaule" color="#75cab3" @change="switchChange" />
 26 | 		</view>
 27 | 		<button class="add-btn" @click="confirm">提交</button>
 28 | 	</view>
 29 | </template>
 30 | 
 31 | <script>
 32 | 	export default {
 33 | 		data() {
 34 | 			return {
 35 | 				addressData: {
 36 | 					name: '',
 37 | 					mobile: '',
 38 | 					addressName: '在地图选择',
 39 | 					address: '',
 40 | 					area: '',
 41 | 					default: false
 42 | 				}
 43 | 			}
 44 | 		},
 45 | 		onLoad(option){
 46 | 			let title = '新增收货地址';
 47 | 			if(option.type==='edit'){
 48 | 				title = '编辑收货地址'
 49 | 				
 50 | 				this.addressData = JSON.parse(option.data)
 51 | 			}
 52 | 			this.manageType = option.type;
 53 | 			uni.setNavigationBarTitle({
 54 | 				title
 55 | 			})
 56 | 		},
 57 | 		methods: {
 58 | 			switchChange(e){
 59 | 				this.addressData.default = e.detail;
 60 | 			},
 61 | 			
 62 | 			//地图选择地址
 63 | 			chooseLocation(){
 64 | 				uni.chooseLocation({
 65 | 					success: (data)=> {
 66 | 						this.addressData.addressName = data.name;
 67 | 						this.addressData.address = data.name;
 68 | 					}
 69 | 				})
 70 | 			},
 71 | 			
 72 | 			//提交
 73 | 			confirm(){
 74 | 				let data = this.addressData;
 75 | 				if(!data.name){
 76 | 					this.$api.msg('请填写收货人姓名');
 77 | 					return;
 78 | 				}
 79 | 				if(!/(^1[3|4|5|7|8][0-9]{9}$)/.test(data.mobile)){
 80 | 					this.$api.msg('请输入正确的手机号码');
 81 | 					return;
 82 | 				}
 83 | 				if(!data.address){
 84 | 					this.$api.msg('请在地图选择所在位置');
 85 | 					return;
 86 | 				}
 87 | 				if(!data.area){
 88 | 					this.$api.msg('请填写门牌号信息');
 89 | 					return;
 90 | 				}
 91 | 				
 92 | 				
 93 | 				this.$api.prePage().refreshList(data, this.manageType);
 94 | 				this.$api.msg(`地址${this.manageType=='edit' ? '修改': '添加'}成功`);
 95 | 				setTimeout(()=>{
 96 | 					uni.navigateBack()
 97 | 				}, 800)
 98 | 			},
 99 | 		}
100 | 	}
101 | </script>
102 | 
103 | <style lang="scss">
104 | 	page{
105 | 		background: $page-color-base;
106 | 		padding-top: 16upx;
107 | 	}
108 | 
109 | 	.row{
110 | 		display: flex;
111 | 		align-items: center;
112 | 		position: relative;
113 | 		padding:0 30upx;
114 | 		height: 110upx;
115 | 		background: #fff;
116 | 		
117 | 		.tit{
118 | 			flex-shrink: 0;
119 | 			width: 120upx;
120 | 			font-size: 30upx;
121 | 			color: $font-color-dark;
122 | 		}
123 | 		.input{
124 | 			flex: 1;
125 | 			font-size: 30upx;
126 | 			color: $font-color-dark;
127 | 		}
128 | 		.icon-shouhuodizhi{
129 | 			font-size: 36upx;
130 | 			color: $font-color-light;
131 | 		}
132 | 	}
133 | 	.default-row{
134 | 		margin-top: 16upx;
135 | 		.tit{
136 | 			flex: 1;
137 | 		}
138 | 		switch{
139 | 			transform: translateX(16upx) scale(.9);
140 | 		}
141 | 	}
142 | 	.add-btn{
143 | 		display: flex;
144 | 		align-items: center;
145 | 		justify-content: center;
146 | 		width: 690upx;
147 | 		height: 80upx;
148 | 		margin: 60upx auto;
149 | 		font-size: $font-lg;
150 | 		color: #fff;
151 | 		background-color: $base-color;
152 | 		border-radius: 10upx;
153 | 		box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4);
154 | 	}
155 | </style>
156 | 


--------------------------------------------------------------------------------
/pages/map/map.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="map">
 3 | 		<map class="map1" :longitude="longitude" :scale="scale" :latitude="latitude" :markers="markers"></map>
 4 | 	</view>
 5 | </template>
 6 | 
 7 | <script>
 8 | 	export default {
 9 | 		data() {
10 | 			return {
11 | 				longitude: 120.37138,
12 | 				latitude: 31.48795,
13 | 				scale: 13,
14 | 				markers: [{
15 | 					longitude: 120.37138,
16 | 					latitude: 31.48795,
17 | 					iconPath: '../../static/icon/地图新版.png',
18 | 					width: 30,
19 | 					height: 30
20 | 				}]
21 | 			}
22 | 		},
23 | 	}
24 | </script>
25 | 
26 | <style lang="scss">
27 | 	.map {
28 | 		.map1 {
29 | 			width: 750rpx;
30 | 			height: 750rpx;
31 | 		}
32 | 	}
33 | </style>
34 | 


--------------------------------------------------------------------------------
/pages/public/public.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="container">
  3 | 		<view class="back-btn yticon icon-zuojiantou-up" @click="navBack"></view>
  4 | 
  5 | 		<!-- 设置白色背景防止软键盘把下部绝对定位元素顶上来盖住输入框等 -->
  6 | 		<view class="wrapper">
  7 | 			<view class="welcome">
  8 | 				欢迎回来！
  9 | 			</view>
 10 | 			<view class="input-content">
 11 | 				<view class="input-item">
 12 | 					<text class="tit">手机号码</text>
 13 | 					<input type="number" :value="mobile" placeholder="请输入手机号码" maxlength="11" data-key="mobile" @input="inputChange" />
 14 | 				</view>
 15 | 				<view class="input-item">
 16 | 					<text class="tit">密码</text>
 17 | 					<input type="mobile" value="" placeholder="8-18位不含特殊字符的数字、字母组合" placeholder-class="input-empty" maxlength="20"
 18 | 					 password data-key="password" @input="inputChange" @confirm="toLogin" />
 19 | 				</view>
 20 | 			</view>
 21 | 			<button class="confirm-btn" @click="toLogin" :disabled="logining">登录</button>
 22 | 			<view class="forget-section">
 23 | 				忘记密码?
 24 | 			</view>
 25 | 		</view>
 26 | 		<view class="register-section">
 27 | 			还没有账号?
 28 | 			<text @click="toRegist">马上注册</text>
 29 | 		</view>
 30 | 	</view>
 31 | </template>
 32 | 
 33 | <script>
 34 | 	import {
 35 | 		mapMutations
 36 | 	} from 'vuex';
 37 | 
 38 | 	export default {
 39 | 		data() {
 40 | 			return {
 41 | 				mobile: '',
 42 | 				password: '',
 43 | 				logining: false
 44 | 			}
 45 | 		},
 46 | 		onLoad() {
 47 | 
 48 | 		},
 49 | 		methods: {
 50 | 			...mapMutations(['login']),
 51 | 			inputChange(e) {
 52 | 				const key = e.currentTarget.dataset.key;
 53 | 				this[key] = e.detail.value;
 54 | 			},
 55 | 			navBack() {
 56 | 				uni.navigateBack();
 57 | 			},
 58 | 			toRegist() {
 59 | 				this.$api.msg('去注册');
 60 | 			},
 61 | 			async toLogin() {
 62 | 				this.logining = true;
 63 | 				const {
 64 | 					mobile,
 65 | 					password
 66 | 				} = this;
 67 | 
 68 | 				const sendData = {
 69 | 					mobile,
 70 | 					password
 71 | 				};
 72 | 				const result = await this.$api.json('userInfo');
 73 | 				if (result.status === 1) {
 74 | 					this.login(result.data);
 75 | 					uni.navigateBack();
 76 | 				} else {
 77 | 					this.$api.msg(result.msg);
 78 | 					this.logining = false;
 79 | 				}
 80 | 			}
 81 | 		},
 82 | 
 83 | 	}
 84 | </script>
 85 | 
 86 | <style lang='scss'>
 87 | 	page {
 88 | 		background: #fff;
 89 | 	}
 90 | 
 91 | 	.container {
 92 | 		padding-top: 115px;
 93 | 		position: relative;
 94 | 		width: 100vw;
 95 | 		height: 100vh;
 96 | 		overflow: hidden;
 97 | 		background: #fff;
 98 | 	}
 99 | 
100 | 	.wrapper {
101 | 		position: relative;
102 | 		z-index: 90;
103 | 		background: #fff;
104 | 		padding-bottom: 40upx;
105 | 	}
106 | 
107 | 
108 | 	.back-btn {
109 | 		position: absolute;
110 | 		left: 40upx;
111 | 		z-index: 9999;
112 | 		padding-top: var(--status-bar-height);
113 | 		top: 40upx;
114 | 		font-size: 40upx;
115 | 		color: $font-color-dark;
116 | 	}
117 | 
118 | 	.welcome {
119 | 		position: relative;
120 | 		left: 50upx;
121 | 		top: -90upx;
122 | 		font-size: 46upx;
123 | 		color: #555;
124 | 		text-shadow: 1px 0px 1px rgba(0, 0, 0, .3);
125 | 	}
126 | 
127 | 	.input-content {
128 | 		padding: 0 60upx;
129 | 	}
130 | 
131 | 	.input-item {
132 | 		display: flex;
133 | 		flex-direction: column;
134 | 		align-items: flex-start;
135 | 		justify-content: center;
136 | 		padding: 0 30upx;
137 | 		background: $page-color-light;
138 | 		height: 120upx;
139 | 		border-radius: 4px;
140 | 		margin-bottom: 50upx;
141 | 
142 | 		&:last-child {
143 | 			margin-bottom: 0;
144 | 		}
145 | 
146 | 		.tit {
147 | 			height: 50upx;
148 | 			line-height: 56upx;
149 | 			font-size: $font-sm+2upx;
150 | 			color: $font-color-base;
151 | 		}
152 | 
153 | 		input {
154 | 			height: 60upx;
155 | 			font-size: $font-base + 2upx;
156 | 			color: $font-color-dark;
157 | 			width: 100%;
158 | 			background-color:#F8F6FC ;
159 | 		}
160 | 	}
161 | 
162 | 	
163 | 	
164 | 	.confirm-btn {
165 | 		/* #ifdef MP-ALIPAY*/
166 | 		margin:70upx auto 0 ;
167 | 		/* #endif*/
168 | 		width: 630upx;
169 | 		height: 76upx;
170 | 		line-height: 76upx;
171 | 		border-radius: 50px;
172 | 		margin-top: 70upx;
173 | 		
174 | 		background: $uni-color-primary;
175 | 		color: #fff;
176 | 		font-size: $font-lg;
177 | 
178 | 		&:after {
179 | 			border-radius: 100px;
180 | 		}
181 | 	}
182 | 	
183 | 
184 | 	.forget-section {
185 | 		font-size: $font-sm+2upx;
186 | 		color: $font-color-spec;
187 | 		text-align: center;
188 | 		margin-top: 40upx;
189 | 	}
190 | 
191 | 	.register-section {
192 | 		position: absolute;
193 | 		left: 0;
194 | 		bottom: 50upx;
195 | 		width: 100%;
196 | 		font-size: $font-sm+2upx;
197 | 		color: $font-color-base;
198 | 		text-align: center;
199 | 
200 | 		text {
201 | 			color: $font-color-spec;
202 | 			margin-left: 10upx;
203 | 		}
204 | 	}
205 | </style>
206 | 


--------------------------------------------------------------------------------
/pages/search/search.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="">
  3 | 		<view>
  4 | 			<uni-search-bar placeholder="搜索商品" @confirm="search" ref='search_ref' @cancel='cancel1'></uni-search-bar>
  5 | 		</view>
  6 | 		<view class="card" v-for="(item,index) in newArr" :key="index" @click="navagateTo(index,item)" v-if="show">
  7 | 			<image :src="item.image_url" mode="aspectFill"></image>
  8 | 			<view class="content">
  9 | 				<text class="text_title">{{item.title}}</text>
 10 | 				<text class="sell_point">{{item.sell_point}}</text>
 11 | 				<text class="activity_price">￥{{item.activity_price}}</text>
 12 | 			</view>
 13 | 		</view>
 14 | 		<view v-if="nomore" class="noMore">
 15 | 			<view>没有找到你想要的商品</view>
 16 | 			<view>换个搜索词试试</view>
 17 | 		</view>
 18 | 	</view>
 19 | </template>
 20 | 
 21 | <script>
 22 | 	import uniSearchBar from '@/components/uni-ui/uni-search-bar/uni-search-bar.vue'
 23 | 	export default {
 24 | 		data() {
 25 | 			return {
 26 | 				secondData: [],
 27 | 				newArr: [],
 28 | 				show: false,
 29 | 				nomore:false
 30 | 			}
 31 | 		},
 32 | 		onLoad(options) {
 33 | 			this.secondData = JSON.parse(decodeURIComponent(options.secondData))
 34 | 		},
 35 | 		methods: {
 36 | 			search() {
 37 | 				this.newArr = []
 38 | 				for (var i = 0; i < this.secondData.length; i++) {
 39 | 					for (var j = 0; j < this.secondData[i].arr1.length; j++) {
 40 | 						var str = this.secondData[i].arr1[j].title;
 41 | 						if (str.indexOf(this.$refs.search_ref.searchVal) !== -1) {
 42 | 							this.newArr.push(this.secondData[i].arr1[j])
 43 | 						}
 44 | 					}
 45 | 				}
 46 | 				this.show = true
 47 | 				if(this.newArr.length == 0){
 48 | 					this.nomore = true
 49 | 				}else{
 50 | 					this.nomore = false
 51 | 				}
 52 | 			},
 53 | 			navagateTo(i, item) {
 54 | 				uni.navigateTo({
 55 | 					url: "/pages/detail/detail?alias=" + item.alias + "&price=" + item.price
 56 | 				})
 57 | 			},
 58 | 			cancel1(){
 59 | 				this.show = false
 60 | 			}
 61 | 
 62 | 		},
 63 | 		components: {
 64 | 			uniSearchBar
 65 | 		}
 66 | 	}
 67 | </script>
 68 | 
 69 | <style lang="scss">
 70 | 	.card {
 71 | 		display: flex;
 72 | 		margin: 20rpx 0;
 73 | 
 74 | 
 75 | 		image {
 76 | 			margin-left: 14rpx;
 77 | 			border-radius: 14rpx;
 78 | 			width: 200rpx;
 79 | 			height: 200rpx;
 80 | 		}
 81 | 
 82 | 
 83 | 
 84 | 		.content {
 85 | 			flex: 1;
 86 | 			display: flex;
 87 | 			flex-direction: column;
 88 | 			margin-left: 18rpx;
 89 | 			position: relative;
 90 | 
 91 | 			.text_title {}
 92 | 
 93 | 			.sell_point {
 94 | 				margin-top: 10rpx;
 95 | 				font-size: 22rpx;
 96 | 				color: rgb(167, 167, 167);
 97 | 			}
 98 | 
 99 | 			.activity_price {
100 | 				color: rgb(101, 192, 170);
101 | 				position: absolute;
102 | 				bottom: 0;
103 | 			}
104 | 		}
105 | 	}
106 | 	.noMore{
107 | 		text-align: center;
108 | 		margin-top: 400rpx;
109 | 		color: #666;
110 | 	}
111 | </style>
112 | 


--------------------------------------------------------------------------------
/pages/set/set.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="container">
  3 | 		<view class="list-cell b-b m-t" @click="navTo('个人资料')" hover-class="cell-hover" :hover-stay-time="50">
  4 | 			<text class="cell-tit">个人资料</text>
  5 | 			<text class="cell-more yticon icon-you"></text>
  6 | 		</view>
  7 | 		<view class="list-cell b-b" @click="navTo('收货地址')" hover-class="cell-hover" :hover-stay-time="50">
  8 | 			<text class="cell-tit">收货地址</text>
  9 | 			<text class="cell-more yticon icon-you"></text>
 10 | 		</view>
 11 | 		<view class="list-cell" @click="navTo('实名认证')" hover-class="cell-hover" :hover-stay-time="50">
 12 | 			<text class="cell-tit">实名认证</text>
 13 | 			<text class="cell-more yticon icon-you"></text>
 14 | 		</view>
 15 | 		
 16 | 		<view class="list-cell m-t">
 17 | 			<text class="cell-tit">消息推送</text>
 18 | 			<switch checked color="#65c4aa" @change="switchChange" />
 19 | 		</view>
 20 | 		<view class="list-cell m-t b-b" @click="navTo('清除缓存')" hover-class="cell-hover" :hover-stay-time="50">
 21 | 			<text class="cell-tit">清除缓存</text>
 22 | 			<text class="cell-more yticon icon-you"></text>
 23 | 		</view>
 24 | 		<view class="list-cell b-b" @click="navTo('关于店铺')" hover-class="cell-hover" :hover-stay-time="50">
 25 | 			<text class="cell-tit">关于店铺</text>
 26 | 			<text class="cell-more yticon icon-you"></text>
 27 | 		</view>
 28 | 		<view class="list-cell">
 29 | 			<text class="cell-tit">检查更新</text>
 30 | 			<text class="cell-tip">当前版本 1.0.3</text>
 31 | 			<text class="cell-more yticon icon-you"></text>
 32 | 		</view>
 33 | 		<view class="list-cell log-out-btn" @click="toLogout">
 34 | 			<text class="cell-tit">退出登录</text>
 35 | 		</view>
 36 | 	</view>
 37 | </template>
 38 | 
 39 | <script>
 40 | 	import {  
 41 | 	    mapMutations  
 42 | 	} from 'vuex';
 43 | 	export default {
 44 | 		data() {
 45 | 			return {
 46 | 				
 47 | 			};
 48 | 		},
 49 | 		methods:{
 50 | 			...mapMutations(['logout']),
 51 | 
 52 | 			navTo(url){
 53 | 				this.$api.msg(`跳转到${url}`);
 54 | 			},
 55 | 			//退出登录
 56 | 			toLogout(){
 57 | 				uni.showModal({
 58 | 				    content: '确定要退出登录么',
 59 | 				    success: (e)=>{
 60 | 				    	if(e.confirm){
 61 | 				    		this.logout();
 62 | 				    		setTimeout(()=>{
 63 | 				    			uni.navigateBack();
 64 | 				    		}, 200)
 65 | 				    	}
 66 | 				    }
 67 | 				});
 68 | 			},
 69 | 			//switch
 70 | 			switchChange(e){
 71 | 				let statusTip = e.detail.value ? '打开': '关闭';
 72 | 				this.$api.msg(`${statusTip}消息推送`);
 73 | 			},
 74 | 
 75 | 		}
 76 | 	}
 77 | </script>
 78 | 
 79 | <style lang='scss'>
 80 | 	page{
 81 | 		background: $page-color-base;
 82 | 	}
 83 | 	.list-cell{
 84 | 		display:flex;
 85 | 		align-items:baseline;
 86 | 		padding: 20upx $page-row-spacing;
 87 | 		line-height:60upx;
 88 | 		position:relative;
 89 | 		background: #fff;
 90 | 		justify-content: center;
 91 | 		&.log-out-btn{
 92 | 			margin-top: 40upx;
 93 | 			.cell-tit{
 94 | 				color: $uni-color-primary;
 95 | 				text-align: center;
 96 | 				margin-right: 0;
 97 | 			}
 98 | 		}
 99 | 		&.cell-hover{
100 | 			background:#fafafa;
101 | 		}
102 | 		&.b-b:after{
103 | 			left: 30upx;
104 | 		}
105 | 		&.m-t{
106 | 			margin-top: 20upx; 
107 | 		}
108 | 		.cell-more{
109 | 			align-self: baseline;
110 | 			font-size:$font-lg;
111 | 			color:$font-color-light;
112 | 			margin-left:10upx;
113 | 		}
114 | 		.cell-tit{
115 | 			flex: 1;
116 | 			font-size: $font-base + 2upx;
117 | 			color: $font-color-dark;
118 | 			margin-right:10upx;
119 | 		}
120 | 		.cell-tip{
121 | 			font-size: $font-base;
122 | 			color: $font-color-light;
123 | 		}
124 | 		switch{
125 | 			transform: translateX(16upx) scale(.84);
126 | 		}
127 | 	}
128 | </style>
129 | 


--------------------------------------------------------------------------------
/pages/user/components/com-nav.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="com-nav">
  3 | 		<uni-swiper-dot :info="ListData" :current="currentIndex" mode="default">
  4 | 			<swiper @change="currentIndexChange" :style="getHeight">
  5 | 				<swiper-item v-for="(item, index) of ListData" :key="index">
  6 | 					<uni-grid :showBorder="false" :square="true" :column="col">
  7 | 						<uni-grid-item v-for="(c, i) of item" :key="i" style="height: 150rpx;">
  8 | 							<view class="grid-item" :class="getAnimated" @click="goPage(c)">
  9 | 								<image class="item-icon" :src="c.icon" mode="widthFix"></image>
 10 | 								<text class="item-text">{{ c.text }}</text>
 11 | 							</view>
 12 | 						</uni-grid-item>
 13 | 					</uni-grid>
 14 | 				</swiper-item>
 15 | 			</swiper>
 16 | 		</uni-swiper-dot>
 17 | 	</view>
 18 | </template>
 19 | 
 20 | <script>
 21 | import uniSwiperDot from './uni-swiper-dot.vue'
 22 | import uniGrid from './uni-grid.vue'
 23 | import uniGridItem from './uni-grid-item.vue'
 24 | export default {
 25 | 	components: {
 26 | 		uniSwiperDot,
 27 | 		uniGrid,
 28 | 		uniGridItem
 29 | 	},
 30 | 	props: {
 31 | 		row: {
 32 | 			type: Number,
 33 | 			default: 1
 34 | 		},
 35 | 		col: {
 36 | 			type: Number,
 37 | 			default: 5
 38 | 		},
 39 | 		list: {
 40 | 			type: Array,
 41 | 			default: () => []
 42 | 		},
 43 | 		animated: {
 44 | 			type: String,
 45 | 			default: ''
 46 | 		}
 47 | 	},
 48 | 	data() {
 49 | 		return {
 50 | 			currentIndex: 0
 51 | 		};
 52 | 	},
 53 | 	computed: {
 54 | 		getHeight() {
 55 | 			return `height: ${this.row * 150}rpx;`;
 56 | 		},
 57 | 		getAnimated() {
 58 | 			return this.animated ? this.animated : '';
 59 | 		},
 60 | 		ListData() {
 61 | 			const pageCount = Math.ceil(this.list.length / (this.row * this.col));
 62 | 			const PageList = [];
 63 | 			for (let i = 0; i < pageCount; ++i) {
 64 | 				PageList[i] = this.list.slice(this.row * this.col * i, this.row * this.col * (i + 1));
 65 | 			}
 66 | 			return PageList;
 67 | 		}
 68 | 	},
 69 | 	methods: {
 70 | 		currentIndexChange(e) {
 71 | 			this.currentIndex = e.detail.current;
 72 | 		},
 73 | 		goPage(item) {
 74 | 			return true
 75 | 		}
 76 | 	}
 77 | };
 78 | </script>
 79 | 
 80 | <style lang="scss">
 81 | .com-nav {
 82 | 	margin-top: 20rpx;
 83 | 	padding-top: 20rpx;
 84 | 	background: #fff;
 85 | 	border-radius: 20rpx;
 86 | 	.grid-item {
 87 | 		display: flex;
 88 | 		flex-direction: column;
 89 | 		align-items: center;
 90 | 		.item-icon {
 91 | 			width: 80rpx;
 92 | 			height: 80rpx;
 93 | 			margin-bottom: 12rpx;
 94 | 		}
 95 | 		.item-text {
 96 | 			font-size: 25rpx;
 97 | 			color: #666;
 98 | 		}
 99 | 	}
100 | }
101 | </style>


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


--------------------------------------------------------------------------------
/pages/user/components/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-style':'solid','border-left-color':borderColor, 'border-left-width':showBorder?'1px':0 }">
  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.init()
 70 | 		},
 71 | 		methods: {
 72 | 			init() {
 73 | 				setTimeout(() => {
 74 | 					this._getSize((width) => {
 75 | 						this.children.forEach((item, index) => {
 76 | 							item.width = width
 77 | 						})
 78 | 					})
 79 | 				}, 50)
 80 | 			},
 81 | 			change(e) {
 82 | 				this.$emit('change', e)
 83 | 			},
 84 | 			_getSize(fn) {
 85 | 				// #ifndef APP-NVUE
 86 | 				uni.createSelectorQuery()
 87 | 					.in(this)
 88 | 					.select(`#${this.elId}`)
 89 | 					.boundingClientRect()
 90 | 					.exec(ret => {
 91 | 						this.width = parseInt((ret[0].width - 1) / this.column) + 'px'
 92 | 						fn(this.width)
 93 | 					})
 94 | 				// #endif
 95 | 				// #ifdef APP-NVUE
 96 | 				dom.getComponentRect(this.$refs['uni-grid'], (ret) => {
 97 | 					this.width = parseInt((ret.size.width - 1) / this.column) + 'px'
 98 | 					fn(this.width)
 99 | 				})
100 | 				// #endif
101 | 			}
102 | 		}
103 | 	}
104 | </script>
105 | 
106 | <style scoped>
107 | 	.uni-grid-wrap {
108 | 		/* #ifndef APP-NVUE */
109 | 		display: flex;
110 | 		/* #endif */
111 | 		flex: 1;
112 | 		flex-direction: column;
113 | 		/* #ifdef H5 */
114 | 		width: 100%;
115 | 		/* #endif */
116 | 	}
117 | 
118 | 	.uni-grid {
119 | 		/* #ifndef APP-NVUE */
120 | 		display: flex;
121 | 		/* #endif */
122 | 		/* flex: 1;
123 |  */
124 | 		flex-direction: row;
125 | 		flex-wrap: wrap;
126 | 	}
127 | 
128 | 	.uni-grid--border {
129 | 		border-left-color: #e5e5e5;
130 | 		border-left-style: solid;
131 | 		border-left-width: 1px;
132 | 	}
133 | </style>


--------------------------------------------------------------------------------
/pages/userinfo/userinfo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="user-section">
 4 | 			<image class="bg" src="/static/user-bg.jpg"></image>
 5 | 			<text class="bg-upload-btn yticon icon-paizhao"></text>
 6 | 			<view class="portrait-box">
 7 | 				<image class="portrait" :src="userInfo.portrait || '/static/missing-face.png'"></image>
 8 | 				<text class="pt-upload-btn yticon icon-paizhao"></text>
 9 | 			</view>
10 | 		</view>
11 | 	</view>
12 | </template>
13 | 
14 | <script>
15 | 	import {  
16 | 	    mapState,  
17 | 	    mapMutations  
18 | 	} from 'vuex';  
19 | 	export default {
20 | 		data() {
21 | 			return {
22 | 				
23 | 			};
24 | 		},
25 | 		computed:{
26 | 			...mapState(['userInfo']),
27 | 		}
28 | 	}
29 | </script>
30 | 
31 | <style lang="scss">
32 | 	page{
33 | 		background: $page-color-base;
34 | 	}
35 | 	.user-section{
36 | 		display:flex;
37 | 		align-items:center;
38 | 		justify-content: center;
39 | 		height: 460upx;
40 | 		padding: 40upx 30upx 0;
41 | 		position:relative;
42 | 		.bg{
43 | 			position:absolute;
44 | 			left: 0;
45 | 			top: 0;
46 | 			width: 100%;
47 | 			height: 100%;
48 | 			filter: blur(1px);
49 | 			opacity: .7;
50 | 		}
51 | 		.portrait-box{
52 | 			width: 200upx;
53 | 			height: 200upx;
54 | 			border:6upx solid #fff;
55 | 			border-radius: 50%;
56 | 			position:relative;
57 | 			z-index: 2;
58 | 		}
59 | 		.portrait{
60 | 			position: relative;
61 | 			width: 100%;
62 | 			height: 100%;
63 | 			border-radius: 50%;
64 | 		}
65 | 		.yticon{
66 | 			position:absolute;
67 | 			line-height: 1;
68 | 			z-index: 5;
69 | 			font-size: 48upx;
70 | 			color: #fff;
71 | 			padding: 4upx 6upx;
72 | 			border-radius: 6upx;
73 | 			background: rgba(0,0,0,.4);
74 | 		}
75 | 		.pt-upload-btn{
76 | 			right: 0;
77 | 			bottom: 10upx;
78 | 		}
79 | 		.bg-upload-btn{
80 | 			right: 20upx;
81 | 			bottom: 16upx;
82 | 		}
83 | 	}
84 | 
85 | 
86 | </style>
87 | 


--------------------------------------------------------------------------------
/static/font/fa.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/font/fa.ttf


--------------------------------------------------------------------------------
/static/font/yticon.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/font/yticon.ttf


--------------------------------------------------------------------------------
/static/fonts/iconfont (2).css:
--------------------------------------------------------------------------------
 1 | @font-face {font-family: "iconfont";
 2 |   src: url('~@/static/fonts/iconfont.eot?t=1576844226174'); /* IE9 */
 3 |   src: url('~@/static/fonts/iconfont.eot?t=1576844226174#iefix') format('embedded-opentype'), /* IE6-IE8 */
 4 |   url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAVMAAsAAAAAChwAAAT9AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDKAqHQIYhATYCJAMUCwwABCAFhG0HUBurCFGUTk6f7Edh3LaEI5xY7HYeoWNK7zwLfd/7ZDz8/37f9rny/h3XpE711SdNQq1REh4bhEQoLLJn8v/facvNLUze6duSsZbv+GnTlb7095Zi+lMOtlEU4UA4hIXh39Neujkz1HYC0ju3M1Ac9Uf+ce/0z/PA5qOyXP5orGFznpcFmGBAY2xsawEOyhL0FvEsLiQTuJ7AoFUtsVtbBxckq4BugXjNDYVkbRYlhBOavvMZW7ZjpmrpbfpEfFY/H/8MIktSM+h78XRTJys/2///CaSPuC0jpPm5cJtExh6iEM99PQ8l9NiehMFPZtIVRMNXEj+zb0beXPT/M1lbNI395ZEVieiAZpiR1+KFn1lRTOZnifXTnlARyZg1+Tgxt7EMYgmJIyQ+AMNyCeqKWeO9ZOlV6Y7jtTFeKQ8tRm5qIlYcXy1Oyh9fVuuJ2tZ0WWdWhKmbl3MZu/sBgAGj+GXDAAynUbHQsuY1Dsowei8GE4agxGp8LQRRQbg6AndIDcIVej0Mm8c2vQ46ZEObfY4iStdK1oEgH8wh0cirf1tGHWjmFZSXw4Zt2pNGH1AssUPk+XIpFCyZjCESvUgkNAQRBpB+/CBuCIaSjsmCTRSFWSIXVzWoOeKt6wNErxaK51q3r1fPWtfq7nL7SgSFApHfYIivvEiv0cyEvqZGntCM6OxoqkToIdUN3Gg6mJUAqBFGFjxEg0tgwvcDFDIAM9f+WFS4weC6ob6egYZ6rhYSgSJa29jWNzPQ0s81TiSSNXpHI5jwtbi6eBNqkGrdc99fbMfQL+iYTR2oapkiByLYs93k3fbd5NwOxF9mAwy7HK58wdfBl+66BEADufaQOdvl2CPZJU7RbEv0wAzQL7Oh+dqs2fBRb9OgvjwoANaSyP+OIkUtxdT2/+sOGgpaCg6mGwDnsoN8fi5XyfIDVG5suj4+Wyg4oRIcmX6AAKfWSfHOS/m4NOO8XH5k+R2VQ1y+jbobtzlAYyAzQskq82saBgPMgBl9GDMAjnmOlY4Uj5SOuQGIffIeFR6dJps6HYW4RPbdpn6ypgHJMwmlMmTWBPBKrUlpRVBZrqfp21Wmy+v6P7OwsZ4Iob4vJnZfUlJTK/V9U/VkftSxuvWZbpn658+yjBSnJdacFWDXa2k6qDLvZgWQk8gTocUryiH3Y+6vPMc8KiXuu13obDbdSKNYV79vro61UN9/WHR+JpWlwfQNDrDNB6SVgC5daU02/IT7CSz3kQX4CPo9+Sub/UPsukQZ4Uhctmlu59ts8OXe2ML/Bhfwvfljk8rjW9m+pB/phmgqUQjyp/jKwVrLWy3UnASibDH6qsslHUkYxCB9AIFJP/kYZpZvIjQzJiQ9K5A1a2gh96Aacgad5ioM2rU9ecgUKSHKAHY8EAjjHiEZ9RWycRFayG+oZv1CZzwSMOgyGnMO2QieX5egIOhUnVCuCY8JdsxrxWdghI4irXKVewUy4EHa7/ScyW3wQOYxIBgaA0RGmRQu3SKbgeMI6kthgYYdE9Gf63aZ35k6mnBJ3k0SUCCgo1QTFKcRPEyujvKu958BhpBDIUNKfiSvACnAa6f6Onox0G2NF6tkXRoHhgwDCDHeiZEEF7VFXcDBmED5/q0sQIM6zBQR35wuq8Tiajrl69xpLD0VysKcNVLkKFGj070xuc+9NIZyWPEKRig1moQj4YKXnvKJzUwIAAAA') format('woff2'),
 5 |   url('~@/static/fonts/iconfont.woff?t=1576844226174') format('woff'),
 6 |   url('~@/static/fonts/iconfont.ttf?t=1576844226174') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
 7 |   url('~@/static/fonts/iconfont.svg?t=1576844226174#iconfont') format('svg'); /* iOS 4.1- */
 8 | }
 9 | 
10 | .iconfont {
11 |   font-family: "iconfont" !important;
12 |   font-size: 16px;
13 |   font-style: normal;
14 |   -webkit-font-smoothing: antialiased;
15 |   -moz-osx-font-smoothing: grayscale;
16 | }
17 | 
18 | .icon-shipin:before {
19 |   content: "\f0024";
20 | }
21 | 
22 | .icon-tupian:before {
23 |   content: "\e650";
24 | }
25 | 
26 | .icon-guanyuwomen:before {
27 |   content: "\e608";
28 | }
29 | 
30 | .icon-ziyuan:before {
31 |   content: "\e60d";
32 | }
33 | 
34 | 


--------------------------------------------------------------------------------
/static/fonts/iconfont (2).eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/fonts/iconfont (2).eot


--------------------------------------------------------------------------------
/static/fonts/iconfont (2).svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 3 | <!--
 4 | 2013-9-30: Created.
 5 | -->
 6 | <svg>
 7 | <metadata>
 8 | Created by iconfont
 9 | </metadata>
10 | <defs>
11 | 
12 | <font id="iconfont" horiz-adv-x="1024" >
13 |   <font-face
14 |     font-family="iconfont"
15 |     font-weight="500"
16 |     font-stretch="normal"
17 |     units-per-em="1024"
18 |     ascent="896"
19 |     descent="-128"
20 |   />
21 |     <missing-glyph />
22 |     
23 |     <glyph glyph-name="shipin" unicode="&#983076;" d="M892.842-90.023l-761.683 0c-44.277 0-80.177 35.898-80.177 80.174l0 761.651c0 44.275 35.9 80.174 80.177 80.174l761.683 0c44.278 0 80.177-35.899 80.177-80.174l0-761.652c-0.001-44.275-35.9-80.173-80.177-80.173zM171.247 791.889l-40.089 0c-22.138 0-40.089-17.95-40.089-40.087l0-120.261 80.177 0 0 160.348zM171.247 591.455l-80.177 0 0-200.435 80.177 0 0 200.435zM171.247 350.933l-80.177 0 0-200.435 80.177 0 0 200.435zM171.247 110.411l-80.177 0 0-120.26c0-22.138 17.951-40.087 40.089-40.087l40.089 0 0 160.347zM812.664 350.933l0 440.956-601.329 0 0-841.826 601.329 0 0 160.348 0 240.522zM932.93 751.802c0 22.137-17.95 40.087-40.089 40.087l-40.089 0 0-160.348 80.177 0 0 120.261zM932.93 591.455l-80.177 0 0-200.435 80.177 0 0 200.435zM932.93 350.933l-80.177 0 0-200.435 80.177 0 0 200.435zM932.93 110.411l-80.177 0 0-160.347 40.089 0c22.139 0 40.089 17.949 40.089 40.087l0 120.26zM385.96 196.693c-7.83-7.829-20.495-7.829-28.305 0-3.876 3.875-5.794 8.965-5.833 14.035l-0.176-0.098 0 320.069 0.51 0c-0.274 5.46 1.488 11.001 5.657 15.179 7.83 7.84 20.495 7.84 28.305 0l280.561-159.692c3.759-3.768 5.872-8.867 5.872-14.191s-2.113-10.433-5.872-14.191l-280.719-161.109zM393.731 494.36l0.195-4.883-2.075 0 0-244.397 219 125.702-217.12 123.579z"  horiz-adv-x="1024" />
24 | 
25 |     
26 |     <glyph glyph-name="tupian" unicode="&#58960;" d="M1106.169237 895.97952 82.701706 895.97952C25.973241 895.97952 0.01536 842.937381 0.01536 786.618508L0.01536-33.48669C0.01536-89.447171 26.02444-128 82.701706-128L1106.169237-128C1162.897702-128 1228.790784-89.805564 1228.790784-33.48669L1228.790784 786.618508C1228.790784 842.578988 1162.846503 895.97952 1106.169237 895.97952L1106.169237 895.97952 1106.169237 895.97952 1106.169237 895.97952ZM1126.223876 451.080898 1050.910182 493.01286C979.846003 532.538469 883.540729 515.694006 830.703386 454.562429L642.239955 236.454791C620.582788 211.469691 575.271695 202.458671 545.525089 217.255175L428.893822 275.366013C356.242475 311.563689 260.961181 289.036139 212.424552 224.064639L102.397952 76.816384 102.602748 793.141257 1126.326273 793.602048 1126.223876 451.080898 1126.223876 451.080898 1126.223876 451.080898ZM1126.751225-25.602048 153.612288-25.602048 294.972661 171.910945C313.865083 198.839569 355.336253 205.339581 383.751685 190.263925L500.382952 128.268001C571.959121 90.251123 667.957201 110.62511 720.231355 175.133639L908.694786 407.823173C929.737565 433.768602 972.898302 443.819042 1001.620928 426.72237L1126.853623 356.260047 1126.751225-25.602048 1126.751225-25.602048 1126.751225-25.602048ZM338.445711 376.560789C423.282414 376.560789 492.042639 445.321014 492.042639 530.157717 492.042639 614.99442 423.282414 683.754645 338.445711 683.754645 253.609008 683.754645 184.848783 614.99442 184.848783 530.157717 184.848783 445.321014 253.609008 376.560789 338.445711 376.560789L338.445711 376.560789 338.445711 376.560789ZM338.445711 581.356693C366.707546 581.356693 389.644687 558.419552 389.644687 530.157717 389.644687 501.895882 366.707546 478.958741 338.445711 478.958741 310.183876 478.958741 287.246735 501.895882 287.246735 530.157717 287.246735 558.419552 310.183876 581.356693 338.445711 581.356693L338.445711 581.356693 338.445711 581.356693Z"  horiz-adv-x="1229" />
27 | 
28 |     
29 |     <glyph glyph-name="guanyuwomen" unicode="&#58888;" d="M619.177428 222.892013C529.065609 145.068169 556.372221 281.601229 560.468212 300.715857s62.805208 136.53306 19.797294 156.330354-175.444982-77.823844-175.444982-77.823844-21.84529-15.701302-19.797294-19.797294c14.335971-25.258616 77.823844 19.797294 77.823844 19.797294s21.84529 17.749298 19.797294 0A1501.863663 1501.863663 0 0 1 443.732446 145.068169c9.557314-51.882563 91.47715-30.037273 155.647689 38.911922s19.797294 38.911922 19.797293 38.911922zM570.593548 584.689153m-3.715568-68.165341a68.26653 68.26653 0 1 1 7.431135 136.330682 68.26653 68.26653 0 1 1-7.431135-136.330682ZM887.464892 37.889716a505.854988 505.854988 0 0 1 136.53306 346.111308A511.998976 511.998976 0 1 1 511.998976-127.997952h477.865711a34.133265 34.133265 0 0 1 22.527955 60.074547zM511.998976-59.731422A443.732446 443.732446 0 1 0 955.731422 384.001024a438.953789 438.953789 0 0 0-140.629052-323.583353 34.133265 34.133265 0 0 1 4.095992-51.882563l81.23717-68.26653z"  horiz-adv-x="1024" />
30 | 
31 |     
32 |     <glyph glyph-name="ziyuan" unicode="&#58893;" d="M0 896m204.8 0l614.4 0q204.8 0 204.8-204.8l0-614.4q0-204.8-204.8-204.8l-614.4 0q-204.8 0-204.8 204.8l0 614.4q0 204.8 204.8 204.8ZM741.12 679.936h-458.24a51.2 51.2 0 0 1-51.2-51.2V128a51.2 51.2 0 0 1 51.2-51.2h458.24a51.2 51.2 0 0 1 51.2 51.2V628.736a51.2 51.2 0 0 1-51.2 51.2z m-432.384-126.464a51.2 51.2 0 1 0 94.976-38.144 51.2 51.2 0 0 0-14.848-19.968 128 128 0 0 1 245.76 0 51.2 51.2 0 1 0 51.2-7.424A180.48 180.48 0 0 0 337.92 486.4a51.2 51.2 0 0 0-29.184 67.072zM699.648 128H324.352a25.6 25.6 0 0 0 0 51.2h375.296a25.6 25.6 0 0 0 0-51.2z"  horiz-adv-x="1024" />
33 | 
34 |     
35 | 
36 | 
37 |   </font>
38 | </defs></svg>
39 | 


--------------------------------------------------------------------------------
/static/fonts/iconfont (2).ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/fonts/iconfont (2).ttf


--------------------------------------------------------------------------------
/static/fonts/iconfont (2).woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/fonts/iconfont (2).woff


--------------------------------------------------------------------------------
/static/fonts/iconfont (2).woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/fonts/iconfont (2).woff2


--------------------------------------------------------------------------------
/static/fonts/iconfont.css:
--------------------------------------------------------------------------------
 1 | @font-face {font-family: "iconfont";
 2 |   src: url('~@/static/fonts/iconfont.eot?t=1576844226174'); /* IE9 */
 3 |   src: url('~@/static/fonts/iconfont.eot?t=1576844226174#iefix') format('embedded-opentype'), /* IE6-IE8 */
 4 |   url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAVMAAsAAAAAChwAAAT9AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDKAqHQIYhATYCJAMUCwwABCAFhG0HUBurCFGUTk6f7Edh3LaEI5xY7HYeoWNK7zwLfd/7ZDz8/37f9rny/h3XpE711SdNQq1REh4bhEQoLLJn8v/facvNLUze6duSsZbv+GnTlb7095Zi+lMOtlEU4UA4hIXh39Neujkz1HYC0ju3M1Ac9Uf+ce/0z/PA5qOyXP5orGFznpcFmGBAY2xsawEOyhL0FvEsLiQTuJ7AoFUtsVtbBxckq4BugXjNDYVkbRYlhBOavvMZW7ZjpmrpbfpEfFY/H/8MIktSM+h78XRTJys/2///CaSPuC0jpPm5cJtExh6iEM99PQ8l9NiehMFPZtIVRMNXEj+zb0beXPT/M1lbNI395ZEVieiAZpiR1+KFn1lRTOZnifXTnlARyZg1+Tgxt7EMYgmJIyQ+AMNyCeqKWeO9ZOlV6Y7jtTFeKQ8tRm5qIlYcXy1Oyh9fVuuJ2tZ0WWdWhKmbl3MZu/sBgAGj+GXDAAynUbHQsuY1Dsowei8GE4agxGp8LQRRQbg6AndIDcIVej0Mm8c2vQ46ZEObfY4iStdK1oEgH8wh0cirf1tGHWjmFZSXw4Zt2pNGH1AssUPk+XIpFCyZjCESvUgkNAQRBpB+/CBuCIaSjsmCTRSFWSIXVzWoOeKt6wNErxaK51q3r1fPWtfq7nL7SgSFApHfYIivvEiv0cyEvqZGntCM6OxoqkToIdUN3Gg6mJUAqBFGFjxEg0tgwvcDFDIAM9f+WFS4weC6ob6egYZ6rhYSgSJa29jWNzPQ0s81TiSSNXpHI5jwtbi6eBNqkGrdc99fbMfQL+iYTR2oapkiByLYs93k3fbd5NwOxF9mAwy7HK58wdfBl+66BEADufaQOdvl2CPZJU7RbEv0wAzQL7Oh+dqs2fBRb9OgvjwoANaSyP+OIkUtxdT2/+sOGgpaCg6mGwDnsoN8fi5XyfIDVG5suj4+Wyg4oRIcmX6AAKfWSfHOS/m4NOO8XH5k+R2VQ1y+jbobtzlAYyAzQskq82saBgPMgBl9GDMAjnmOlY4Uj5SOuQGIffIeFR6dJps6HYW4RPbdpn6ypgHJMwmlMmTWBPBKrUlpRVBZrqfp21Wmy+v6P7OwsZ4Iob4vJnZfUlJTK/V9U/VkftSxuvWZbpn658+yjBSnJdacFWDXa2k6qDLvZgWQk8gTocUryiH3Y+6vPMc8KiXuu13obDbdSKNYV79vro61UN9/WHR+JpWlwfQNDrDNB6SVgC5daU02/IT7CSz3kQX4CPo9+Sub/UPsukQZ4Uhctmlu59ts8OXe2ML/Bhfwvfljk8rjW9m+pB/phmgqUQjyp/jKwVrLWy3UnASibDH6qsslHUkYxCB9AIFJP/kYZpZvIjQzJiQ9K5A1a2gh96Aacgad5ioM2rU9ecgUKSHKAHY8EAjjHiEZ9RWycRFayG+oZv1CZzwSMOgyGnMO2QieX5egIOhUnVCuCY8JdsxrxWdghI4irXKVewUy4EHa7/ScyW3wQOYxIBgaA0RGmRQu3SKbgeMI6kthgYYdE9Gf63aZ35k6mnBJ3k0SUCCgo1QTFKcRPEyujvKu958BhpBDIUNKfiSvACnAa6f6Onox0G2NF6tkXRoHhgwDCDHeiZEEF7VFXcDBmED5/q0sQIM6zBQR35wuq8Tiajrl69xpLD0VysKcNVLkKFGj070xuc+9NIZyWPEKRig1moQj4YKXnvKJzUwIAAAA') format('woff2'),
 5 |   url('~@/static/fonts/iconfont.woff?t=1576844226174') format('woff'),
 6 |   url('~@/static/fonts/iconfont.ttf?t=1576844226174') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
 7 |   url('~@/static/fonts/iconfont.svg?t=1576844226174#iconfont') format('svg'); /* iOS 4.1- */
 8 | }
 9 | 
10 | .iconfont {
11 |   font-family: "iconfont" !important;
12 |   font-size: 16px;
13 |   font-style: normal;
14 |   -webkit-font-smoothing: antialiased;
15 |   -moz-osx-font-smoothing: grayscale;
16 | }
17 | 
18 | .icon-shipin:before {
19 |   content: "\f0024";
20 | }
21 | 
22 | .icon-tupian:before {
23 |   content: "\e650";
24 | }
25 | 
26 | .icon-guanyuwomen:before {
27 |   content: "\e608";
28 | }
29 | 
30 | .icon-ziyuan:before {
31 |   content: "\e60d";
32 | }
33 | 
34 | 


--------------------------------------------------------------------------------
/static/fonts/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/fonts/iconfont.eot


--------------------------------------------------------------------------------
/static/fonts/iconfont.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 3 | <!--
 4 | 2013-9-30: Created.
 5 | -->
 6 | <svg>
 7 | <metadata>
 8 | Created by iconfont
 9 | </metadata>
10 | <defs>
11 | 
12 | <font id="iconfont" horiz-adv-x="1024" >
13 |   <font-face
14 |     font-family="iconfont"
15 |     font-weight="500"
16 |     font-stretch="normal"
17 |     units-per-em="1024"
18 |     ascent="896"
19 |     descent="-128"
20 |   />
21 |     <missing-glyph />
22 |     
23 |     <glyph glyph-name="shipin" unicode="&#983076;" d="M892.842-90.023l-761.683 0c-44.277 0-80.177 35.898-80.177 80.174l0 761.651c0 44.275 35.9 80.174 80.177 80.174l761.683 0c44.278 0 80.177-35.899 80.177-80.174l0-761.652c-0.001-44.275-35.9-80.173-80.177-80.173zM171.247 791.889l-40.089 0c-22.138 0-40.089-17.95-40.089-40.087l0-120.261 80.177 0 0 160.348zM171.247 591.455l-80.177 0 0-200.435 80.177 0 0 200.435zM171.247 350.933l-80.177 0 0-200.435 80.177 0 0 200.435zM171.247 110.411l-80.177 0 0-120.26c0-22.138 17.951-40.087 40.089-40.087l40.089 0 0 160.347zM812.664 350.933l0 440.956-601.329 0 0-841.826 601.329 0 0 160.348 0 240.522zM932.93 751.802c0 22.137-17.95 40.087-40.089 40.087l-40.089 0 0-160.348 80.177 0 0 120.261zM932.93 591.455l-80.177 0 0-200.435 80.177 0 0 200.435zM932.93 350.933l-80.177 0 0-200.435 80.177 0 0 200.435zM932.93 110.411l-80.177 0 0-160.347 40.089 0c22.139 0 40.089 17.949 40.089 40.087l0 120.26zM385.96 196.693c-7.83-7.829-20.495-7.829-28.305 0-3.876 3.875-5.794 8.965-5.833 14.035l-0.176-0.098 0 320.069 0.51 0c-0.274 5.46 1.488 11.001 5.657 15.179 7.83 7.84 20.495 7.84 28.305 0l280.561-159.692c3.759-3.768 5.872-8.867 5.872-14.191s-2.113-10.433-5.872-14.191l-280.719-161.109zM393.731 494.36l0.195-4.883-2.075 0 0-244.397 219 125.702-217.12 123.579z"  horiz-adv-x="1024" />
24 | 
25 |     
26 |     <glyph glyph-name="tupian" unicode="&#58960;" d="M1106.169237 895.97952 82.701706 895.97952C25.973241 895.97952 0.01536 842.937381 0.01536 786.618508L0.01536-33.48669C0.01536-89.447171 26.02444-128 82.701706-128L1106.169237-128C1162.897702-128 1228.790784-89.805564 1228.790784-33.48669L1228.790784 786.618508C1228.790784 842.578988 1162.846503 895.97952 1106.169237 895.97952L1106.169237 895.97952 1106.169237 895.97952 1106.169237 895.97952ZM1126.223876 451.080898 1050.910182 493.01286C979.846003 532.538469 883.540729 515.694006 830.703386 454.562429L642.239955 236.454791C620.582788 211.469691 575.271695 202.458671 545.525089 217.255175L428.893822 275.366013C356.242475 311.563689 260.961181 289.036139 212.424552 224.064639L102.397952 76.816384 102.602748 793.141257 1126.326273 793.602048 1126.223876 451.080898 1126.223876 451.080898 1126.223876 451.080898ZM1126.751225-25.602048 153.612288-25.602048 294.972661 171.910945C313.865083 198.839569 355.336253 205.339581 383.751685 190.263925L500.382952 128.268001C571.959121 90.251123 667.957201 110.62511 720.231355 175.133639L908.694786 407.823173C929.737565 433.768602 972.898302 443.819042 1001.620928 426.72237L1126.853623 356.260047 1126.751225-25.602048 1126.751225-25.602048 1126.751225-25.602048ZM338.445711 376.560789C423.282414 376.560789 492.042639 445.321014 492.042639 530.157717 492.042639 614.99442 423.282414 683.754645 338.445711 683.754645 253.609008 683.754645 184.848783 614.99442 184.848783 530.157717 184.848783 445.321014 253.609008 376.560789 338.445711 376.560789L338.445711 376.560789 338.445711 376.560789ZM338.445711 581.356693C366.707546 581.356693 389.644687 558.419552 389.644687 530.157717 389.644687 501.895882 366.707546 478.958741 338.445711 478.958741 310.183876 478.958741 287.246735 501.895882 287.246735 530.157717 287.246735 558.419552 310.183876 581.356693 338.445711 581.356693L338.445711 581.356693 338.445711 581.356693Z"  horiz-adv-x="1229" />
27 | 
28 |     
29 |     <glyph glyph-name="guanyuwomen" unicode="&#58888;" d="M619.177428 222.892013C529.065609 145.068169 556.372221 281.601229 560.468212 300.715857s62.805208 136.53306 19.797294 156.330354-175.444982-77.823844-175.444982-77.823844-21.84529-15.701302-19.797294-19.797294c14.335971-25.258616 77.823844 19.797294 77.823844 19.797294s21.84529 17.749298 19.797294 0A1501.863663 1501.863663 0 0 1 443.732446 145.068169c9.557314-51.882563 91.47715-30.037273 155.647689 38.911922s19.797294 38.911922 19.797293 38.911922zM570.593548 584.689153m-3.715568-68.165341a68.26653 68.26653 0 1 1 7.431135 136.330682 68.26653 68.26653 0 1 1-7.431135-136.330682ZM887.464892 37.889716a505.854988 505.854988 0 0 1 136.53306 346.111308A511.998976 511.998976 0 1 1 511.998976-127.997952h477.865711a34.133265 34.133265 0 0 1 22.527955 60.074547zM511.998976-59.731422A443.732446 443.732446 0 1 0 955.731422 384.001024a438.953789 438.953789 0 0 0-140.629052-323.583353 34.133265 34.133265 0 0 1 4.095992-51.882563l81.23717-68.26653z"  horiz-adv-x="1024" />
30 | 
31 |     
32 |     <glyph glyph-name="ziyuan" unicode="&#58893;" d="M0 896m204.8 0l614.4 0q204.8 0 204.8-204.8l0-614.4q0-204.8-204.8-204.8l-614.4 0q-204.8 0-204.8 204.8l0 614.4q0 204.8 204.8 204.8ZM741.12 679.936h-458.24a51.2 51.2 0 0 1-51.2-51.2V128a51.2 51.2 0 0 1 51.2-51.2h458.24a51.2 51.2 0 0 1 51.2 51.2V628.736a51.2 51.2 0 0 1-51.2 51.2z m-432.384-126.464a51.2 51.2 0 1 0 94.976-38.144 51.2 51.2 0 0 0-14.848-19.968 128 128 0 0 1 245.76 0 51.2 51.2 0 1 0 51.2-7.424A180.48 180.48 0 0 0 337.92 486.4a51.2 51.2 0 0 0-29.184 67.072zM699.648 128H324.352a25.6 25.6 0 0 0 0 51.2h375.296a25.6 25.6 0 0 0 0-51.2z"  horiz-adv-x="1024" />
33 | 
34 |     
35 | 
36 | 
37 |   </font>
38 | </defs></svg>
39 | 


--------------------------------------------------------------------------------
/static/fonts/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/fonts/iconfont.ttf


--------------------------------------------------------------------------------
/static/fonts/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/fonts/iconfont.woff


--------------------------------------------------------------------------------
/static/fonts/iconfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/fonts/iconfont.woff2


--------------------------------------------------------------------------------
/static/icon/address.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/address.png


--------------------------------------------------------------------------------
/static/icon/biji.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/biji.png


--------------------------------------------------------------------------------
/static/icon/cart-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/cart-active.png


--------------------------------------------------------------------------------
/static/icon/cart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/cart.png


--------------------------------------------------------------------------------
/static/icon/cha.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/cha.png


--------------------------------------------------------------------------------
/static/icon/ditu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/ditu.png


--------------------------------------------------------------------------------
/static/icon/fenlei.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/fenlei.png


--------------------------------------------------------------------------------
/static/icon/fl.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/fl.png


--------------------------------------------------------------------------------
/static/icon/fl1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/fl1.png


--------------------------------------------------------------------------------
/static/icon/gerenzhongxin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/gerenzhongxin.png


--------------------------------------------------------------------------------
/static/icon/greengwc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/greengwc.png


--------------------------------------------------------------------------------
/static/icon/grzx.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/grzx.png


--------------------------------------------------------------------------------
/static/icon/grzx1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/grzx1.png


--------------------------------------------------------------------------------
/static/icon/gwc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/gwc.png


--------------------------------------------------------------------------------
/static/icon/gwc1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/gwc1.png


--------------------------------------------------------------------------------
/static/icon/home-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/home-active.png


--------------------------------------------------------------------------------
/static/icon/home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/home.png


--------------------------------------------------------------------------------
/static/icon/md.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/md.png


--------------------------------------------------------------------------------
/static/icon/md1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/md1.png


--------------------------------------------------------------------------------
/static/icon/member-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/member-active.png


--------------------------------------------------------------------------------
/static/icon/member.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/member.png


--------------------------------------------------------------------------------
/static/icon/mendian.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/mendian.png


--------------------------------------------------------------------------------
/static/icon/news-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/news-active.png


--------------------------------------------------------------------------------
/static/icon/news.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/news.png


--------------------------------------------------------------------------------
/static/icon/shijian.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/shijian.png


--------------------------------------------------------------------------------
/static/icon/sy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/sy.png


--------------------------------------------------------------------------------
/static/icon/sy1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/sy1.png


--------------------------------------------------------------------------------
/static/icon/sy3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/sy3.png


--------------------------------------------------------------------------------
/static/icon/xingxing.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/xingxing.png


--------------------------------------------------------------------------------
/static/icon/you.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/you.png


--------------------------------------------------------------------------------
/static/icon/鍦板浘鏂扮増.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/icon/鍦板浘鏂扮増.png


--------------------------------------------------------------------------------
/static/iconfont/iconfont.css:
--------------------------------------------------------------------------------
 1 | @font-face {font-family: "iconfont";
 2 |   src: url('~@/static/iconfont/iconfont.eot?t=1608086060394'); /* IE9 */
 3 |   src: url('~@/static/iconfont/iconfont.eot?t=1608086060394#iefix') format('embedded-opentype'), /* IE6-IE8 */
 4 |   url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAANoAAsAAAAAB4gAAAMcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqCYIJdATYCJAMMCwgABCAFhG0HSBu1BhEVlMdkPxJs3OJiZeU8yUWV0CK9CZ6nNe39+ZPtbJICgmoPgdSxBALF4IjVSUCW102AgDvfb9MOh6qQEYbteB58l2f8OwI7F2grjKiQFbJ/fzhtis93l+fyfmtvjrooLg0o0LEGRVYgAXnD2E0EDfE4BAiTp4Z0yHsMwGEB4wSQGTx5LC5jwjZUCw7Bq1hqkQ2EcGaluQOs59+XL9TmwBBSwNQ+kzpOoM17ed9cFwQLGEEpiKdzAMYqUKAGWJBRla4haJSqoYQ9lW0u9rAIZqpoEMBFvsbb6B/PgHiAyigAFXLawHvBSri6ufwCBgAFwANigEnAWZWZErBoFNyUGU2cfvfugHv3Bj54MPj+/SG37xfte9D51r3C3XeHVfE9eld66MPwwPz7jwfVkjb5dx+OXTXo/n1kWDg453iweqDtuLdgQLf2u6NG2XpodNVR0YXHVh+ByNYjCw4HS3vIRAhJdcfEHpLIuzMi51UVtG9vDDYXFvIptfUH9clTezDDDQpnzpRRxgSz08Kz3j1rftrINbP2/Lk1CpFihJnpPy1B3oCeBV3zZs7M61rQ8zBCpp85M929Z8Hhirr+/7forVu6BSIlRJYUdNtFXGIclueou7x8ebUwO5ExAARbdYUO5ZmXulsL/tNvuNd5Xf3o+Bb/XMQC8CTYXCMHg62W7hbcXbgF/oq4Y5P1pcCs1hVhUehWGqUCGJCJ6SUA+JI8H65J7ZwAwWXEBhhiyAXFUUK1zBoIEaEBeDhaQ5hqnVdHSDYTRawPVFkqgZDgFBjiuAKKK8GXapk/CEnzB09CZwgbVPKWEWWx115QKhqqPsT1PBlkVU9UX2G3oZS0lLOeEMdRioMony0wQaaY4XabqBoyMo+US6dhGGZaZO5Qa9CqLlkYmqo3BfU8HjztCSgpaJDKB2G12cTQzsorfP4KrM2gJA0NPcEnEA73T2KBqAO1UE2dGm7lFWdnJZQyiCFmI5JLDhhgakaW6kEdqKlAOyCxyIRKK9NVFSyvGd9vDxAGbtSMqFgigysuZ2U/vbiWOy4n/00QByd7OAA=') format('woff2'),
 5 |   url('~@/static/iconfont/iconfont.woff?t=1608086060394') format('woff'),
 6 |   url('~@/static/iconfont/iconfont.ttf?t=1608086060394') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
 7 |   url('~@/static/iconfont/iconfont.svg?t=1608086060394#iconfont') format('svg'); /* iOS 4.1- */
 8 | }
 9 | 
10 | .iconfont {
11 |   font-family: "iconfont" !important;
12 |   font-size: 16px;
13 |   font-style: normal;
14 |   -webkit-font-smoothing: antialiased;
15 |   -moz-osx-font-smoothing: grayscale;
16 | }
17 | 
18 | .icon-weibiaoti-3:before {
19 |   content: "\e601";
20 | }
21 | 
22 | .icon-shijian-xianxing:before {
23 |   content: "\e63b";
24 | }
25 | 
26 | 


--------------------------------------------------------------------------------
/static/iconfont/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/iconfont/iconfont.eot


--------------------------------------------------------------------------------
/static/iconfont/iconfont.js:
--------------------------------------------------------------------------------
1 | !function(e){var t,n,c,i,o,d,s='<svg><symbol id="icon-weibiaoti-3" viewBox="0 0 1024 1024"><path d="M512 249.976471c-99.388235 0-180.705882 81.317647-180.705882 180.705882s81.317647 180.705882 180.705882 180.705882 180.705882-81.317647 180.705882-180.705882-81.317647-180.705882-180.705882-180.705882z m0 301.17647c-66.258824 0-120.470588-54.211765-120.470588-120.470588s54.211765-120.470588 120.470588-120.470588 120.470588 54.211765 120.470588 120.470588-54.211765 120.470588-120.470588 120.470588z" fill="#2c2c2c" ></path><path d="M512 39.152941c-216.847059 0-391.529412 174.682353-391.529412 391.529412 0 349.364706 391.529412 572.235294 391.529412 572.235294s391.529412-222.870588 391.529412-572.235294c0-216.847059-174.682353-391.529412-391.529412-391.529412z m0 891.482353C424.658824 873.411765 180.705882 686.682353 180.705882 430.682353c0-183.717647 147.576471-331.294118 331.294118-331.294118s331.294118 147.576471 331.294118 331.294118c0 256-243.952941 442.729412-331.294118 499.952941z" fill="#2c2c2c" ></path></symbol><symbol id="icon-shijian-xianxing" viewBox="0 0 1024 1024"><path d="M512 927.06c-56.02 0-110.38-10.98-161.57-32.63-49.43-20.91-93.81-50.83-131.92-88.94-38.11-38.11-68.03-82.49-88.94-131.92C107.92 622.38 96.94 568.02 96.94 512c0-56.02 10.98-110.38 32.63-161.57 20.91-49.43 50.83-93.81 88.94-131.92 38.11-38.11 82.49-68.03 131.92-88.94C401.62 107.92 455.98 96.94 512 96.94c56.02 0 110.38 10.98 161.57 32.63 49.43 20.91 93.81 50.83 131.92 88.94 38.11 38.11 68.03 82.49 88.94 131.92 21.65 51.19 32.63 105.55 32.63 161.57 0 56.02-10.98 110.38-32.63 161.57-20.91 49.43-50.83 93.81-88.94 131.92S723 873.53 673.57 894.43c-51.19 21.65-105.55 32.63-161.57 32.63z m0-766.12c-193.58 0-351.06 157.49-351.06 351.06 0 193.58 157.49 351.06 351.06 351.06 193.58 0 351.06-157.49 351.06-351.06 0-193.58-157.48-351.06-351.06-351.06z"  ></path><path d="M735.91 576.28H480.02c-17.67 0-32-14.33-32-32V287.99c0-17.67 14.33-32 32-32s32 14.33 32 32v224.29H735.9c17.67 0 32 14.33 32 32s-14.32 32-31.99 32z"  ></path></symbol></svg>',a=(a=document.getElementsByTagName("script"))[a.length-1].getAttribute("data-injectcss");if(a&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}function l(){o||(o=!0,c())}t=function(){var e,t,n,c;(c=document.createElement("div")).innerHTML=s,s=null,(n=c.getElementsByTagName("svg")[0])&&(n.setAttribute("aria-hidden","true"),n.style.position="absolute",n.style.width=0,n.style.height=0,n.style.overflow="hidden",e=n,(t=document.body).firstChild?(c=e,(n=t.firstChild).parentNode.insertBefore(c,n)):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),t()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(c=t,i=e.document,o=!1,(d=function(){try{i.documentElement.doScroll("left")}catch(e){return void setTimeout(d,50)}l()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,l())})}(window);


--------------------------------------------------------------------------------
/static/iconfont/iconfont.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "id": "2273045",
 3 |   "name": "no name",
 4 |   "font_family": "iconfont",
 5 |   "css_prefix_text": "icon-",
 6 |   "description": "",
 7 |   "glyphs": [
 8 |     {
 9 |       "icon_id": "1236802",
10 |       "name": "地图",
11 |       "font_class": "weibiaoti-3",
12 |       "unicode": "e601",
13 |       "unicode_decimal": 58881
14 |     },
15 |     {
16 |       "icon_id": "8835963",
17 |       "name": "时间",
18 |       "font_class": "shijian-xianxing",
19 |       "unicode": "e63b",
20 |       "unicode_decimal": 58939
21 |     }
22 |   ]
23 | }
24 | 


--------------------------------------------------------------------------------
/static/iconfont/iconfont.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 3 | <!--
 4 | 2013-9-30: Created.
 5 | -->
 6 | <svg>
 7 | <metadata>
 8 | Created by iconfont
 9 | </metadata>
10 | <defs>
11 | 
12 | <font id="iconfont" horiz-adv-x="1024" >
13 |   <font-face
14 |     font-family="iconfont"
15 |     font-weight="500"
16 |     font-stretch="normal"
17 |     units-per-em="1024"
18 |     ascent="896"
19 |     descent="-128"
20 |   />
21 |     <missing-glyph />
22 |     
23 |     <glyph glyph-name="weibiaoti-3" unicode="&#58881;" d="M512 646.024c-99.388 0-180.706-81.318-180.706-180.706s81.318-180.706 180.706-180.706 180.706 81.318 180.706 180.706-81.318 180.706-180.706 180.706zM512 344.847c-66.259 0-120.471 54.212-120.471 120.471s54.212 120.471 120.471 120.471 120.471-54.212 120.471-120.471-54.212-120.471-120.471-120.471zM512 856.847c-216.847 0-391.529-174.682-391.529-391.529 0-349.365 391.529-572.235 391.529-572.235s391.529 222.871 391.529 572.235c0 216.847-174.682 391.529-391.529 391.529zM512-34.635c-87.341 57.224-331.294 243.953-331.294 499.953 0 183.718 147.576 331.294 331.294 331.294s331.294-147.576 331.294-331.294c0-256-243.953-442.729-331.294-499.953z"  horiz-adv-x="1024" />
24 | 
25 |     
26 |     <glyph glyph-name="shijian-xianxing" unicode="&#58939;" d="M512-31.059999999999945c-56.02 0-110.38 10.98-161.57 32.63-49.43 20.91-93.81 50.83-131.92 88.94-38.11 38.11-68.03 82.49-88.94 131.92C107.92 273.62 96.94 327.98 96.94 384c0 56.02 10.98 110.38 32.63 161.57 20.91 49.43 50.83 93.81 88.94 131.92 38.11 38.11 82.49 68.03 131.92 88.94C401.62 788.08 455.98 799.06 512 799.06c56.02 0 110.38-10.98 161.57-32.63 49.43-20.91 93.81-50.83 131.92-88.94 38.11-38.11 68.03-82.49 88.94-131.92 21.65-51.19 32.63-105.55 32.63-161.57 0-56.02-10.98-110.38-32.63-161.57-20.91-49.43-50.83-93.81-88.94-131.92S723 22.470000000000027 673.57 1.57000000000005c-51.19-21.65-105.55-32.63-161.57-32.63z m0 766.12c-193.58 0-351.06-157.49-351.06-351.06 0-193.58 157.49-351.06 351.06-351.06 193.58 0 351.06 157.49 351.06 351.06 0 193.58-157.48 351.06-351.06 351.06zM735.91 319.72H480.02c-17.67 0-32 14.33-32 32V608.01c0 17.67 14.33 32 32 32s32-14.33 32-32v-224.29H735.9c17.67 0 32-14.33 32-32s-14.32-32-31.99-32z"  horiz-adv-x="1024" />
27 | 
28 |     
29 | 
30 | 
31 |   </font>
32 | </defs></svg>
33 | 


--------------------------------------------------------------------------------
/static/iconfont/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/iconfont/iconfont.ttf


--------------------------------------------------------------------------------
/static/iconfont/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/iconfont/iconfont.woff


--------------------------------------------------------------------------------
/static/iconfont/iconfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/iconfont/iconfont.woff2


--------------------------------------------------------------------------------
/static/images/user/avatar.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/images/user/avatar.jpg


--------------------------------------------------------------------------------
/static/images/user/dianpu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/images/user/dianpu.png


--------------------------------------------------------------------------------
/static/images/user/dizhi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/images/user/dizhi.png


--------------------------------------------------------------------------------
/static/images/user/geren.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/images/user/geren.png


--------------------------------------------------------------------------------
/static/images/user/icon-kefu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/images/user/icon-kefu.png


--------------------------------------------------------------------------------
/static/images/user/liaotian.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/images/user/liaotian.png


--------------------------------------------------------------------------------
/static/images/user/renwu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/images/user/renwu.png


--------------------------------------------------------------------------------
/static/images/user/shezhi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/images/user/shezhi.png


--------------------------------------------------------------------------------
/static/images/user/zengpin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/images/user/zengpin.png


--------------------------------------------------------------------------------
/static/img/addricon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/img/addricon.png


--------------------------------------------------------------------------------
/static/img/card_bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/img/card_bg.png


--------------------------------------------------------------------------------
/static/img/load.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/img/load.gif


--------------------------------------------------------------------------------
/static/img/sort0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/img/sort0.png


--------------------------------------------------------------------------------
/static/img/sort1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/img/sort1.png


--------------------------------------------------------------------------------
/static/img/sort2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/img/sort2.png


--------------------------------------------------------------------------------
/static/img/volume.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/img/volume.png


--------------------------------------------------------------------------------
/static/key/close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/key/close.png


--------------------------------------------------------------------------------
/static/key/del.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/key/del.png


--------------------------------------------------------------------------------
/static/key/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/key/logo.png


--------------------------------------------------------------------------------
/static/key/yue.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/key/yue.png


--------------------------------------------------------------------------------
/static/missing-face.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/missing-face.png


--------------------------------------------------------------------------------
/static/xuan-linkAddress/get_linkAddress_p.js:
--------------------------------------------------------------------------------
 1 | import api from '@/components/xuan-linkAddress/api.js';
 2 | 
 3 | export default {
 4 | 	/*
 5 | 	*_this:全局this
 6 | 	* data:数据(参数)
 7 | 	* callback:回掉
 8 | 	*/
 9 | 	get_linkAddress: function(_this,tag,data,callback) {
10 | 		//请求
11 | 		api.get_linkAddress_api(data).then((res) => {
12 | 			let revert=res.data.data;
13 | 			console.log(revert)
14 | 			if(res.data.code==1){
15 | 				if(tag==="province"){	
16 | 					console.log("province")
17 | 					_this.linkAddress_area[0].info=revert;
18 | 					callback(true);//回掉
19 | 				}
20 | 				if(tag==="city"){
21 | 					console.log("city")
22 | 					_this.linkAddress_area[1].info=revert;
23 | 					callback(true);//回掉
24 | 				}
25 | 				if(tag==="district"){
26 | 					console.log("district")
27 | 					_this.linkAddress_area[2].info=revert;
28 | 					callback(true);//回掉
29 | 				}
30 | 			}
31 | 		});
32 | 	}
33 | }
34 | 


--------------------------------------------------------------------------------
/static/xuan-linkAddress/request.js:
--------------------------------------------------------------------------------
 1 | //网络请求
 2 | export default class Request{
 3 | 	/*
 4 | 	*paramete 参数
 5 | 	* data 参数值
 6 | 	* method 请求方式
 7 | 	*/
 8 | 	http(paramete,data,method){
 9 | 		//根地址
10 | 		let BASE_API="http://admin.farmereasy.com";
11 | 		return new Promise((resolve,reject)=>{
12 | 			uni.request({
13 | 				url:`${BASE_API}${paramete}`,
14 | 				data:data,
15 | 				method:method,
16 | 				success:(res)=>{
17 | 					resolve(res);
18 | 				},
19 | 				fail:(res)=>{
20 | 					resolve(0);
21 | 				}
22 | 			})
23 | 		});
24 | 	}
25 | }
26 | 


--------------------------------------------------------------------------------
/static/xuan-linkAddress/yes.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/xuan-linkAddress/yes.png


--------------------------------------------------------------------------------
/static/yb-filter/img/sort0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/yb-filter/img/sort0.png


--------------------------------------------------------------------------------
/static/yb-filter/img/sort1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/yb-filter/img/sort1.png


--------------------------------------------------------------------------------
/static/yb-filter/img/sort2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yuan-kuang/mini-programs/992cda68c4a11235f9deaac6d280d182487345f9/static/yb-filter/img/sort2.png


--------------------------------------------------------------------------------
/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuex from 'vuex'
 3 | Vue.use(Vuex)
 4 | const store = new Vuex.Store({
 5 | 	state: {
 6 | 		hasLogin: false,
 7 | 		userInfo: {},
 8 | 		carts: uni.getStorageSync('carts') || [],
 9 | 		user_address: {
10 | 			province: '',
11 | 			city: '',
12 | 			district: ''
13 | 		},
14 | 		shop: uni.getStorageSync('shop') || []
15 | 	},
16 | 	mutations: {
17 | 		login(state, provider) {
18 | 
19 | 			state.hasLogin = true;
20 | 			state.userInfo = provider;
21 | 			uni.setStorage({ //缓存用户登陆状态
22 | 				key: 'userInfo',
23 | 				data: provider
24 | 			})
25 | 			console.log(state.userInfo);
26 | 		},
27 | 		logout(state) {
28 | 			state.hasLogin = false;
29 | 			state.userInfo = {};
30 | 			uni.removeStorage({
31 | 				key: 'userInfo'
32 | 			})
33 | 		},
34 | 		addToCarts(state, good) {
35 | 			var currentGood = state.carts.find(item => {
36 | 				if (item.alias == good.alias) {
37 | 					return item;
38 | 				}
39 | 			})
40 | 			if (currentGood) {
41 | 				currentGood.buynum += good.buynum
42 | 			} else {
43 | 				state.carts.push(good)
44 | 			}
45 | 			uni.setStorageSync('carts', state.carts)
46 | 		},
47 | 		changeCarts(state, newgood) {
48 | 			var currentGood = state.carts.find(item => {
49 | 				if (item.alias == newgood.alias) {
50 | 					return item;
51 | 				}
52 | 			})
53 | 			if (currentGood) {
54 | 				currentGood.buynum = newgood.buynum
55 | 			} else {
56 | 				state.carts.push(newgood)
57 | 			}
58 | 			uni.setStorageSync('carts', state.carts)
59 | 		},
60 | 		insteadcarts(state, payload) {
61 | 			uni.setStorageSync('carts', state.carts)
62 | 			console.log("保存成功")
63 | 		},
64 | 		commit_address(state, data) {
65 | 			state.user_address = data;
66 | 		},
67 | 
68 | 		//增加要结算的商品
69 | 		addToShop(state, shoplist) {
70 | 			var currentGood = state.shop.find(item => {
71 | 				if (item.alias == shoplist.alias) {
72 | 					return item;
73 | 				}
74 | 			})
75 | 			if (currentGood) {
76 | 				currentGood.buynum = shoplist.buynum
77 | 			} else {
78 | 				state.shop.push(shoplist)
79 | 			}
80 | 			uni.setStorageSync('shop', state.shop)
81 | 		},
82 | 
83 | 		insteadshop(state, payload) {
84 | 			uni.setStorageSync('shop', state.shop)
85 | 			console.log("保存成功")
86 | 		},
87 | 	},
88 | 	actions: {}
89 | })
90 | export default store
91 | 


--------------------------------------------------------------------------------
/uni.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /* 页面左右间距 */
 3 | $page-row-spacing: 30upx;
 4 | $page-color-base: #f8f8f8;
 5 | $page-color-light: #f8f6fc;
 6 | $base-color:#75cab3;
 7 | 
 8 | /* 文字尺寸 */
 9 | $font-sm: 24upx;
10 | $font-base: 28upx;
11 | $font-lg: 32upx;
12 | /*文字颜色*/
13 | $font-color-dark: #303133;
14 | $font-color-base: #606266;
15 | $font-color-light: #909399;
16 | $font-color-disabled: #C0C4CC;
17 | $font-color-spec: #4399fc;
18 | /* 边框颜色 */
19 | $border-color-dark: #DCDFE6;
20 | $border-color-base: #E4E7ED;
21 | $border-color-light: #EBEEF5;
22 | /* 图片加载中颜色 */
23 | $image-bg-color: #eee;
24 | /* 行为相关颜色 */
25 | $uni-color-primary:#75cab3;
26 | $uni-color-success: #4cd964;
27 | $uni-color-warning: #f0ad4e;
28 | $uni-color-error: #dd524d;
29 | 
30 | 
31 | 
32 | 


--------------------------------------------------------------------------------
/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://h5.youzan.com"
 2 | export function myRequestGet(url, data) {
 3 | 	return new Promise((resolve, reject) => {
 4 | 		uni.request({
 5 | 			//#ifndef H5
 6 | 			url: baseUrl + url,
 7 | 			//#endif
 8 | 			//#ifdef H5
 9 | 			url: url,
10 | 			//#endif
11 | 			method: "GET",
12 | 			data: data,
13 | 			success: function(res) {
14 | 				resolve(res.data)
15 | 			},
16 | 			fail: function(err) {
17 | 				reject(err)
18 | 			}
19 | 		})
20 | 	})
21 | }
22 | 
23 | 
24 | 


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