@10yun/cv-mobile-ui 0.4.2 → 0.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@10yun/cv-mobile-ui",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "十云cvjs移动端ui，适用uniapp",
   "author": "",
   "license": "Apache-2.0",

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

@@ -1,173 +1,181 @@
 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 `<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 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>`;
 
-    if (item.location && item.location.length === 0) {
-      item.icon = 'icon-sousuo';
-    }
+		});
+		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>`;
 
-    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.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';
+		}
 
-    // 判断数组是否存在，如果存在，那么将放到最前面
-    for (var i = 0; i < searchHistory.length; i++) {
-      if (searchHistory[i].name === serachData.name) {
-        searchHistory.splice(i, 1);
-        break;
-      }
-    }
+		if (item.location && item.location.length === 0) {
+			item.icon = 'icon-sousuo';
+		}
 
-    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 [];
-  }
-};
+		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 []
+	}
+
+}
 
 export default util;

package/ui-uni/page-foot/page-foot.vue

@@ -0,0 +1,38 @@
+<template name="page-foot">
+	<view class="page-share-title">
+		<text>感谢{{name}}提供本示例，</text>
+		<text class="submit" @click="submit">我也提交</text>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "page-foot",
+		props: {
+			name: {
+				type: String,
+				default: ""
+			}
+		},
+		methods: {
+			submit() {
+				uni.showModal({
+					content:"hello uni-app开源地址为https://github.com/dcloudio/uni-app/tree/master/examples，请在这个开源项目上贡献你的代码",
+					showCancel:false
+				})
+			}
+		}
+	}
+</script>
+<style>
+	.page-share-title {
+		text-align: center;
+		font-size: 30rpx;
+		color: #BEBEBE;
+		padding: 20rpx 0;
+	}
+
+	.submit {
+		border-bottom: 1rpx solid #BEBEBE;
+	}
+</style>

package/ui-uni/page-head/page-head.vue

@@ -0,0 +1,16 @@
+<template name="page-head">
+	<view class="common-page-head">
+		<view class="common-page-head-title">{{title}}</view>
+	</view>
+</template>
+<script>
+	export default {
+		name: "page-head",
+		props: {
+			title: {
+				type: String,
+				default: ""
+			}
+		}
+	}
+</script>

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>