@10yun/cv-mobile-ui 0.3.26 → 0.4.1

package/ui-uni/amap-wx/js/util.js

@@ -1,181 +1,173 @@
 import amap from '@/components/amap-wx/lib/amap-wx.js';
 // 地铁颜色图
 const line = {
-	'1号线': '#C43B33',
-	'2号线': '#016299',
-	'4号线/大兴线': '#008E9C',
-	'5号线': '#A42380',
-	'6号线': '#D09900',
-	'7号线': '#F2C172',
-	'8号线': '#009D6A',
-	'9号线': '#8FC41E',
-	'10号线': '#009DBE',
-	'13号线': '#F9E701',
-	'14号线东段': '#D4A7A2',
-	'14号线西段': '#D4A7A2',
-	'15号线': '#5D2D69',
-	'八通线': '#C33A32',
-	'昌平线': '#DE82B1',
-	'亦庄线': '#E40177',
-	'房山线': '#E66021',
-	'机场线': '#A29BBC',
-}
+  '1号线': '#C43B33',
+  '2号线': '#016299',
+  '4号线/大兴线': '#008E9C',
+  '5号线': '#A42380',
+  '6号线': '#D09900',
+  '7号线': '#F2C172',
+  '8号线': '#009D6A',
+  '9号线': '#8FC41E',
+  '10号线': '#009DBE',
+  '13号线': '#F9E701',
+  '14号线东段': '#D4A7A2',
+  '14号线西段': '#D4A7A2',
+  '15号线': '#5D2D69',
+  八通线: '#C33A32',
+  昌平线: '#DE82B1',
+  亦庄线: '#E40177',
+  房山线: '#E66021',
+  机场线: '#A29BBC'
+};
 
 // 150500:地铁站 ,150700:公交站 , 190700:地名地址
-const typecode = [{
-	id: '150500',
-	icon: 'icon-ditie'
-}, {
-	id: '150700',
-	icon: 'icon-gongjiao'
-}, {
-	id: '190700',
-	icon: 'icon-gonglu'
-}];
+const typecode = [
+  {
+    id: '150500',
+    icon: 'icon-ditie'
+  },
+  {
+    id: '150700',
+    icon: 'icon-gongjiao'
+  },
+  {
+    id: '190700',
+    icon: 'icon-gonglu'
+  }
+];
 
 const util = {
-	key:'b526b09b86cd2996e7732be8ab8c4430',
-	/**
-	 * 初始化高德地图api
-	 */
-	mapInit() {
-		return new amap.AMapWX({
-			key: this.key
-		});
-	},
-	// 服务状态吗
-	typecode,
-	/**
-	 * 获取地图颜色
-	 */
-	lineColor(name) {
-		if (line[name]) {
-			return line[name];
-		} else {
-			return '#ccc';
-		}
-	},
-	/**
-	 * 关键字颜色变化
-	 */
-	serachNmme(val, name) {
-		let namestr = new RegExp(val);
-		let nameresult =
-			`<div style="font-size: 14px;color: #333;line-height: 1.5;">
+  key: 'b526b09b86cd2996e7732be8ab8c4430',
+  /**
+   * 初始化高德地图api
+   */
+  mapInit() {
+    return new amap.AMapWX({
+      key: this.key
+    });
+  },
+  // 服务状态吗
+  typecode,
+  /**
+   * 获取地图颜色
+   */
+  lineColor(name) {
+    if (line[name]) {
+      return line[name];
+    } else {
+      return '#ccc';
+    }
+  },
+  /**
+   * 关键字颜色变化
+   */
+  serachNmme(val, name) {
+    let namestr = new RegExp(val);
+    let nameresult = `<div style="font-size: 14px;color: #333;line-height: 1.5;">
 		    ${name.replace(namestr, "<span style='color:#66ccff;'>" + val + '</span>')}
-		    </div>`
-			.trim();
+		    </div>`.trim();
 
-		return nameresult;
-	},
-	/**
-	 *  地址转地铁线路
-	 */
-	addressToLine(address, type) {
-		let addr = address.split(';');
-		let dt = '';
-		addr.forEach(elm => {
-			let color = '#cccccc';
-			if (type === typecode[0].id) {
-				color = this.lineColor(elm)
-			} else if (type === typecode[1].id) {
-				color = '#4075cb'
-			}
-			let style = 'margin:5px 0;margin-right:5px;padding:0 5px;background:' + color +
-				';font-size:12px;color:#fff;border-radius:3px;';
-			dt += `<div style=\'${style}\'>${elm}</div>`;
+    return nameresult;
+  },
+  /**
+   *  地址转地铁线路
+   */
+  addressToLine(address, type) {
+    let addr = address.split(';');
+    let dt = '';
+    addr.forEach((elm) => {
+      let color = '#cccccc';
+      if (type === typecode[0].id) {
+        color = this.lineColor(elm);
+      } else if (type === typecode[1].id) {
+        color = '#4075cb';
+      }
+      let style =
+        'margin:5px 0;margin-right:5px;padding:0 5px;background:' + color + ';font-size:12px;color:#fff;border-radius:3px;';
+      dt += `<div style=\'${style}\'>${elm}</div>`;
+    });
+    return `<div style="display:flex;flex-wrap: wrap;">${dt}</div>`;
+  },
+  /**
+   * 数据处理
+   */
+  dataHandle(item, val) {
+    // 改变字体颜色
+    if (val) {
+      item.nameNodes = util.serachNmme(val, item.name);
+    } else {
+      item.nameNodes = `<div style="font-size: 14px;color: #333;line-height: 1.5;">${item.name}</div>`;
+    }
+    // 地址解析 地铁
+    if (item.typecode === util.typecode[0].id || item.typecode === util.typecode[1].id) {
+      item.addressNodes = util.addressToLine(item.address, item.typecode);
+      if (item.typecode === util.typecode[0].id) {
+        item.icon = util.typecode[0].icon;
+      } else if (item.typecode === util.typecode[1].id) {
+        item.icon = util.typecode[1].icon;
+      }
+    } else {
+      item.addressNodes = `<span>${item.district}${item.address.length > 0 ? '·' + item.address : ''}</span>`.trim();
+      item.icon = 'icon-weizhi';
+    }
 
-		});
-		return `<div style="display:flex;flex-wrap: wrap;">${dt}</div>`;
-	},
-	/**
-	 * 数据处理
-	 */
-	dataHandle(item, val) {
-		// 改变字体颜色
-		if (val) {
-			item.nameNodes = util.serachNmme(val, item.name);
-		} else {
-			item.nameNodes = `<div style="font-size: 14px;color: #333;line-height: 1.5;">${item.name}</div>`;
+    if (item.location && item.location.length === 0) {
+      item.icon = 'icon-sousuo';
+    }
 
-		}
-		// 地址解析 地铁
-		if (
-			item.typecode === util.typecode[0].id ||
-			item.typecode === util.typecode[1].id
-		) {
-			item.addressNodes = util.addressToLine(item.address, item.typecode);
-			if (item.typecode === util.typecode[0].id) {
-				item.icon = util.typecode[0].icon;
-			} else if (item.typecode === util.typecode[1].id) {
-				item.icon = util.typecode[1].icon;
-			}
-		} else {
-			item.addressNodes = `<span>${item.district}${
-				item.address.length > 0 ? '·' + item.address : ''
-			}</span>`.trim();
-			item.icon = 'icon-weizhi';
-		}
+    return item;
+  },
+  /**
+   * 存储历史数据
+   * val [string | object]需要存储的内容
+   */
+  setHistory(val) {
+    let searchHistory = uni.getStorageSync('search:history');
+    if (!searchHistory) searchHistory = [];
+    let serachData = {};
+    if (typeof val === 'string') {
+      serachData = {
+        adcode: [],
+        address: [],
+        city: [],
+        district: [],
+        id: [],
+        location: [],
+        name: val,
+        typecode: []
+      };
+    } else {
+      serachData = val;
+    }
 
-		if (item.location && item.location.length === 0) {
-			item.icon = 'icon-sousuo';
-		}
+    // 判断数组是否存在，如果存在，那么将放到最前面
+    for (var i = 0; i < searchHistory.length; i++) {
+      if (searchHistory[i].name === serachData.name) {
+        searchHistory.splice(i, 1);
+        break;
+      }
+    }
 
-		return item;
-	},
-	/**
-	 * 存储历史数据
-	 * val [string | object]需要存储的内容
-	 */
-	setHistory(val) {
-		let searchHistory = uni.getStorageSync('search:history');
-		if (!searchHistory) searchHistory = [];
-		let serachData = {};
-		if (typeof(val) === 'string') {
-			serachData = {
-				adcode: [],
-				address: [],
-				city: [],
-				district: [],
-				id: [],
-				location: [],
-				name: val,
-				typecode: []
-			};
-		} else {
-			serachData = val
-		}
-
-		// 判断数组是否存在，如果存在，那么将放到最前面
-		for (var i = 0; i < searchHistory.length; i++) {
-			if (searchHistory[i].name === serachData.name) {
-				searchHistory.splice(i, 1);
-				break;
-			}
-		}
-
-		searchHistory.unshift(util.dataHandle(serachData));
-		uni.setStorage({
-			key: 'search:history',
-			data: searchHistory,
-			success: function() {
-				// console.log('success');
-			}
-		});
-	},
-	getHistory() {
-
-	},
-	removeHistory() {
-		uni.removeStorage({
-			key: 'search:history',
-			success: function(res) {
-				console.log('success');
-			}
-		});
-		return []
-	}
-
-}
+    searchHistory.unshift(util.dataHandle(serachData));
+    uni.setStorage({
+      key: 'search:history',
+      data: searchHistory,
+      success: function () {
+        // console.log('success');
+      }
+    });
+  },
+  getHistory() {},
+  removeHistory() {
+    uni.removeStorage({
+      key: 'search:history',
+      success: function (res) {
+        console.log('success');
+      }
+    });
+    return [];
+  }
+};
 
 export default util;

package/ui-uni/product.vue

@@ -1,66 +1,66 @@
 <template>
-	<view class="product">
-		<image class="product-image" :src="image ? image : 'https://via.placeholder.com/150x200'"></image>
-		<view class="product-title">{{title}}</view>
-		<view class="product-price">
-			<text class="product-price-favour">￥{{originalPrice}}</text>
-			<text class="product-price-original">￥{{favourPrice}}</text>
-			<text class="product-tip">{{tip}}</text>
-		</view>
-	</view>
+  <view class="product">
+    <image class="product-image" :src="image ? image : 'https://via.placeholder.com/150x200'"></image>
+    <view class="product-title">{{ title }}</view>
+    <view class="product-price">
+      <text class="product-price-favour">￥{{ originalPrice }}</text>
+      <text class="product-price-original">￥{{ favourPrice }}</text>
+      <text class="product-tip">{{ tip }}</text>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		name: 'product',
-		props: ['image', 'title', 'originalPrice', 'favourPrice', 'tip']
-	}
+export default {
+  name: 'product',
+  props: ['image', 'title', 'originalPrice', 'favourPrice', 'tip']
+};
 </script>
 
 <style>
-	.product {
-		padding: 10rpx 20rpx;
-		display: flex;
-		flex-direction: column;
-	}
+.product {
+  padding: 10rpx 20rpx;
+  display: flex;
+  flex-direction: column;
+}
 
-	.product-image {
-		height: 330rpx;
-		width: 330rpx;
-	}
+.product-image {
+  height: 330rpx;
+  width: 330rpx;
+}
 
-	.product-title {
-		width: 300rpx;
-		font-size: 32rpx;
-		word-break: break-all;
-		display: -webkit-box;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2;
-	}
+.product-title {
+  width: 300rpx;
+  font-size: 32rpx;
+  word-break: break-all;
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
 
-	.product-price {
-		font-size: 28rpx;
-		position: relative;
-	}
+.product-price {
+  font-size: 28rpx;
+  position: relative;
+}
 
-	.product-price-original {
-		color: #E80080;
-	}
+.product-price-original {
+  color: #e80080;
+}
 
-	.product-price-favour {
-		color: #888888;
-		text-decoration: line-through;
-		margin-left: 10rpx;
-	}
+.product-price-favour {
+  color: #888888;
+  text-decoration: line-through;
+  margin-left: 10rpx;
+}
 
-	.product-tip {
-		position: absolute;
-		right: 10rpx;
-		background-color: #FF3333;
-		color: #FFFFFF;
-		padding: 0 10rpx;
-		border-radius: 5rpx;
-	}
+.product-tip {
+  position: absolute;
+  right: 10rpx;
+  background-color: #ff3333;
+  color: #ffffff;
+  padding: 0 10rpx;
+  border-radius: 5rpx;
+}
 </style>