8-31-stroy

pages/story/story.vue

@@ -1,293 +1,276 @@
-<template>
+<template>
-	<view class="content">
+	<view class="content">
-		<!-- 头部导航 -->
+		<!-- 头部导航 -->
-		<view class="nav-bar flex">
+		<view class="nav-bar flex">
-			<view class="nav-item" v-for="(item,index) in navList" :key="index"
+			<view class="nav-item" v-for="(item,index) in navList" :key="index"
-				:class="{'active': currentIndex == index}" @click="navClick(index)">
+				:class="{'active': currentIndex == index}" @click="navClick(index)">
-				{{item.tit}}
+				{{item.tit}}
-			</view>
+			</view>
-		</view>
+		</view>
-		<!-- 分类列表 -->
+		<!-- 分类列表 -->
-		<swiper :duration="400" class="swiper-wrapper" :style="{'height': height}" :current="currentIndex" @change="swiperChange">
+		<swiper :duration="400" class="swiper-wrapper" :style="{'height': height}" :current="currentIndex"
-			<swiper-item>
+			@change="swiperChange">
-				<scroll-view scroll-y="true" :style="{'height': height}" class="scroll-wrapper">
+			<swiper-item v-for="(navitem,navindex) in navList">
-					<view class="list" v-for="(item,index) in 100">
+				<scroll-view scroll-y="true" :style="{'height': height}" class="scroll-wrapper">
-						<template v-if="index == 0">
+					<view class="list" v-for="(item,index) in navitem.list"
-							<view class="list-top-tit clamp2">竹胎酵素饮】正一健康竹胎酵素饮相关纪录片在浙江卫视热播</view>
+						@click="navTo('/pages/story/storyDetail?id=' + item.id)">
-							<image src="" mode="" class="list-top-img"></image>
+						<template v-if="index == 0">
-							<view class="list-top-time">
+							<view class="list-top-tit clamp2">{{item.title}}</view>
-								更新时间:2019-12-06
+							<image :src="item.image_input[0]" mode="" class="list-top-img"></image>
-							</view>
+							<view class="list-top-time">
-						</template>
+								更新时间: {{item.add_time}}
-						<template v-else>
+							</view>
-							<view class="list-scend">
+						</template>
-								<image src="" mode="" class="list-img"></image>
+						<template v-else>
-								<view class="list-info">
+							<view class="list-scend">
-									<view class="list-tit clamp">竹胎酵素饮】正一健康竹胎酵素饮相关纪录片在浙江卫视热播</view>
+								<image :src="item.image_input[0]" mode="" class="list-img"></image>
-									<view class="list-time">
+								<view class="list-info">
-										更新时间:2019-12-06
+									<view class="list-tit clamp">{{item.title}}</view>
-									</view>
+									<view class="list-time">
-								</view>
+										更新时间: {{item.add_time}}
-							</view>
+									</view>
-						</template>
+								</view>
-					</view>
+							</view>
-				</scroll-view>
+						</template>
-			</swiper-item>
+					</view>
-			<swiper-item>
+					<uni-load-more :status="navitem.loadingType" v-if="navitem.loaded"></uni-load-more>
-				<scroll-view scroll-y="true" :style="{'height': height}" class="scroll-wrapper">
+				</scroll-view>
-					<view class="list" v-for="(item,index) in 100">
+			</swiper-item>
-						<template v-if="index == 0">
+		</swiper>
-							<view class="list-top-tit clamp2">竹胎酵素饮】正一健康竹胎酵素饮相关纪录片在浙江卫视热播</view>
+	</view>
-							<image src="" mode="" class="list-top-img"></image>
+</template>
-							<view class="list-top-time">
+
-								更新时间:2019-12-06
+<script>
-							</view>
+	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
-						</template>
+	import {
-						<template v-else>
+		article,
-							<view class="list-scend">
+		details
-								<image src="" mode="" class="list-img"></image>
+	} from '@/api/index.js'
-								<view class="list-info">
+	export default {
-									<view class="list-tit clamp">竹胎酵素饮】正一健康竹胎酵素饮相关纪录片在浙江卫视热播</view>
+		components: {
-									<view class="list-time">
+			uniLoadMore
-										更新时间:2019-12-06
+		},
-									</view>
+		onReady(res) {
-								</view>
+			var _this = this;
-							</view>
+			uni.getSystemInfo({
-						</template>
+				success: resu => {
-					</view>
+					const query = uni.createSelectorQuery();
-				</scroll-view>
+					query.select('.swiper-wrapper').boundingClientRect();
-			</swiper-item>
+					query.exec(function(res) {
-			<swiper-item>
+						console.log(res, 'ddddddddddddd');
-				<scroll-view scroll-y="true" :style="{'height': height}" class="scroll-wrapper">
+						_this.height = resu.windowHeight - res[0].top + 'px';
-					<view class="list" v-for="(item,index) in 100">
+						console.log('打印页面的剩余高度', _this.height);
-						<template v-if="index == 0">
+					});
-							<view class="list-top-tit clamp2">竹胎酵素饮】正一健康竹胎酵素饮相关纪录片在浙江卫视热播</view>
+				},
-							<image src="" mode="" class="list-top-img"></image>
+				fail: res => {}
-							<view class="list-top-time">
+			});
-								更新时间:2019-12-06
+		},
-							</view>
+		data() {
-						</template>
+			return {
-						<template v-else>
+				height: '', //swiper 高度
-							<view class="list-scend">
+				currentIndex: 0, //当前头部导航位置
-								<image src="" mode="" class="list-img"></image>
+				navList: [{
-								<view class="list-info">
+						cid: 1,
-									<view class="list-tit clamp">竹胎酵素饮】正一健康竹胎酵素饮相关纪录片在浙江卫视热播</view>
+						tit: '公司简介',
-									<view class="list-time">
+						list: [],
-										更新时间:2019-12-06
+						page: 1,
-									</view>
+						limit: 10,
-								</view>
+						loadingType: 'more'
-							</view>
+					},
-						</template>
+					{
-					</view>
+						cid: 2,
-				</scroll-view>
+						tit: '产品简介',
-			</swiper-item>
+						list: [],
-		</swiper>
+						page: 1,
-	</view>
+						limit: 10,
-</template>
+						loadingType: 'more'
-
+					},
-<script>
+					{
-	export default {
+						cid: 3,
-		components: {
+						tit: '案例分享',
-
+						list: [],
-		},
+						page: 1,
-		onReady(res) {
+						limit: 10,
-			var _this = this;
+						loadingType: 'more'
-			uni.getSystemInfo({
+					}
-				success: resu => {
+				]
-					const query = uni.createSelectorQuery();
+			}
-					query.select('.swiper-wrapper').boundingClientRect();
+		},
-					query.exec(function(res) {
+		onLoad() {
-						console.log(res, 'ddddddddddddd');
+			this.getData('tabChange')
-						_this.height = resu.windowHeight - res[0].top + 'px';
+		},
-						console.log('打印页面的剩余高度', _this.height);
+		methods: {
-					});
+			//跳转详情
-				},
+			navTo(url) {
-				fail: res => {}
+				console.log(url)
-			});
+				uni.navigateTo({
-		},
+					url: url
-		data() {
+				})
-			return {
+			},
-				height: '', //swiper 高度
+			navClick(index) {
-				currentIndex: 0, //当前头部导航位置
+				this.currentIndex = index
-				navList: [{
+			},
-						cid: 1,
+			swiperChange(e) {
-						tit: '公司简介',
+				console.log(e, 'swiperChange')
-						list: [],
+				this.currentIndex = e.detail.current
-						page: 1,
+				this.getData('tabChange')
-						limit: 10,
+			},
-						loadingType: 'more'
+			getData(source) {
-					},
+				let obj = this
-					{
+				let index = this.currentIndex;
-						cid: 2,
+				let navItem = this.navList[index];
-						tit: '产品简介',
+				if (source === 'tabChange' && navItem.loaded === true) {
-						list: [],
+					//tab切换只有第一次需要加载数据
-						page: 1,
+					return;
-						limit: 10,
+				}
-						loadingType: 'more'
+				if (navItem.loadingType === 'loading') {
-					},
+					//防止重复加载
-					{
+					return;
-						cid: 1,
+				}
-						tit: '案例分享',
+				if (navItem.loadingType === 'noMore') {
-						list: [],
+					//防止重复加载
-						page: 1,
+					return;
-						limit: 10,
+				}
-						loadingType: 'more'
+				if (source == 'tabChange') {
-					}
+					uni.showLoading({
-				]
+						title: "加载中...",
-			}
+						mask: true
-		},
+					})
-		onLoad() {
+				}
-			this.getData()
+				navItem.loadingType = 'loading';
-		},
+				article({
-		methods: {
+					page: navItem.page,
-			navClick(index) {
+					limit: navItem.limit
-				this.currentIndex = index
+				}, navItem.cid).then(({
-			},
+					data
-			swiperChange(e) {
+				}) => {
-				console.log(e,'swiperChange')
+					if (source == 'tabChange' && navItem.loaded != false) {
-				this.currentIndex = e.detail.current
+						uni.hideLoading()
-				this.getData('tabChange')
+					}
-			},
+					console.log(data)
-			getData(source) {
+					let list = data.map(item => {
-				let obj = this
+						return item
-				let index = this.currentIndex;
+					})
-				let navItem = this.navList[index];
+					navItem.list = navItem.list.concat(list);
-				if (source === 'tabChange' && navItem.loaded === true) {
+
-					//tab切换只有第一次需要加载数据
+					if (navItem.limit == data.length) {
-					return;
+						//判断是否还有数据， 有改为 more， 没有改为noMore
-				}
+						navItem.loadingType = 'more';
-				if (navItem.loadingType === 'loading') {
+						navItem.page++;
-					//防止重复加载
+					} else {
-					return;
+						//判断是否还有数据， 有改为 more， 没有改为noMore
-				}
+						navItem.loadingType = 'noMore';
-				if (navItem.loadingType === 'noMore') {
+					}
-					//防止重复加载
+					this.$set(navItem, 'loaded', true);
-					return;
+
-				}
+				})
-				navItem.loadingType = 'loading';
+			}
-				getCricleList({
+		}
-					page: navItem.page,
+	}
-					limit: navItem.limit
+</script>
-				}).then(({data}) => {
+
-					console.log(res)
+<style lang="scss" scoped>
-					let list = data.list.map( item => {
+	page {
-						return item
+		height: 100%;
-					})
+		background-color: #eee;
-					navItem.list = navItem.list.concat(list);
+		padding-top: 20rpx;
-					console.log(arr);
+	}
-					
+
-					if (navItem.limit == data.list.data.length) {
+	.content {
-						//判断是否还有数据， 有改为 more， 没有改为noMore
+		height: 100%;
-						navItem.loadingType = 'more';
+
-						navItem.page++;
+		background-color: #fff;
-					} else {
+
-						//判断是否还有数据， 有改为 more， 没有改为noMore
+		.nav-bar {
-						navItem.loadingType = 'noMore';
+			line-height: 86rpx;
-					}
+			font-size: 32rpx;
-					this.$set(navItem, 'loaded', true);
+			font-family: PingFang SC;
-					
+			font-weight: bold;
-				})
+			color: #333333;
-			}
+			justify-content: space-around;
-		}
+			border-bottom: #E0E0E0 1px solid;
-	}
+
-</script>
+			.active {
-
+				color: #3F7C1F;
-<style lang="scss" scoped>
+				border-bottom: 3rpx solid #3F7C1F;
-	page {
+			}
-		height: 100%;
+
-		background-color: #eee;
+			.nav-item {
-		padding-top: 20rpx;
+				// flex-grow: 1;
-	}
+				text-align: center;
-
+			}
-	.content {
+		}
-		height: 100%;
+	}
-
+
-		background-color: #fff;
+	.swiper-wrapper {
-
+		background-color: #fff;
-		.nav-bar {
+
-			line-height: 86rpx;
+		.scroll-wrapper {
-			font-size: 32rpx;
+			padding: 0 22rpx 0 23rpx;
-			font-family: PingFang SC;
+		}
-			font-weight: bold;
+
-			color: #333333;
+		.list {
-			justify-content: space-around;
+			padding: 18rpx 0;
-			border-bottom: #E0E0E0 1px solid;
+			border-bottom: 1px solid #E0E0E0;
-
+
-			.active {
+			.list-top-tit {
-				color: #3F7C1F;
+				font-size: 32rpx;
-				border-bottom: 3rpx solid #3F7C1F;
+				font-family: PingFang SC;
-			}
+				font-weight: bold;
-
+				color: #333333;
-			.nav-item {
+				line-height: 42rpx;
-				// flex-grow: 1;
+			}
-				text-align: center;
+
-			}
+			.list-top-img {
-		}
+				margin-top: 15rpx;
-	}
+				width: 705rpx;
-
+				height: 399rpx;
-	.swiper-wrapper {
+				background-color: #999;
-		background-color: #eee;
+			}
-	
+
-		.scroll-wrapper {
+			.list-top-time {
-				padding: 0 22rpx 0 23rpx;
+				font-size: 26rpx;
-		}
+				font-family: PingFang SC;
-		.list {
+				font-weight: 500;
-			padding: 18rpx 0;
+				color: #999999;
-			border-bottom: 1px solid #E0E0E0;
+				line-height: 32rpx;
-			.list-top-tit {
+			}
-				font-size: 32rpx;
+
-				font-family: PingFang SC;
+			.list-scend {
-				font-weight: bold;
+				display: flex;
-				color: #333333;
+
-				line-height: 42rpx;
+				.list-img {
-			}
+					flex-shrink: 0;
-
+					background-color: #999;
-			.list-top-img {
+					width: 224rpx;
-				margin-top: 15rpx;
+					height: 160rpx;
-				width: 705rpx;
+				}
-				height: 399rpx;
+
-				background-color: #999;
+				.list-info {
-			}
+					padding: 10rpx 0 19rpx 23rpx;
-
+					position: relative;
-			.list-top-time {
+
-				font-size: 26rpx;
+					.list-tit {
-				font-family: PingFang SC;
+						width: 420rpx;
-				font-weight: 500;
+						font-size: 32rpx;
-				color: #999999;
+						font-family: PingFang SC;
-				line-height: 32rpx;
+						font-weight: bold;
-			}
+						color: #333333;
-			
+						line-height: 32px;
-			.list-scend {
+					}
-				display: flex;
+
-				.list-img {
+					.list-time {
-					flex-shrink: 0;
+						font-size: 28rpx;
-					background-color: #999;
+						font-family: PingFang SC;
-					width: 224rpx;
+						font-weight: 500;
-					height: 160rpx;
+						color: #666666;
-				}
+						line-height: 32rpx;
-				.list-info {
+						position: absolute;
-					padding:10rpx 0 19rpx 23rpx;
+						bottom: 19rpx;
-					position: relative;
+					}
-					.list-tit {
+				}
-						width: 420rpx;
+
-						font-size: 32rpx;
+			}
-						font-family: PingFang SC;
+		}
-						font-weight: bold;
+	}
-						color: #333333;
-						line-height: 32px;
-					}
-					.list-time {
-						font-size: 28rpx;
-						font-family: PingFang SC;
-						font-weight: 500;
-						color: #666666;
-						line-height: 32rpx;
-						position: absolute;
-						bottom: 19rpx;
-					}
-				}
-				
-			}
-		}
-	}
 </style>

pages/story/storyDetail.vue

@@ -1,24 +1,24 @@
 <template>
-	<view class="content">
+	<view class="content" >
-		<view class="top">
+		<template v-if="detail">
-			<image src="" mode=""></image>
+			<view class="top">
-		</view>
+				<image :src="detail.image_input[0]" mode=""></image>
-		<view class="detail">
+			</view>
-			<view class="detail-top">
+			<view class="detail">
-				<view class="tit">
+				<view class="detail-top">
-					正一健康竹胎酵素饮正一健康竹胎酵素饮正
+					<view class="tit">
+						{{detail.title}}
+					</view>
+					<view class="time">
+						更新时间: {{detail.add_time}}
+					</view>
 				</view>
-				<view class="time">
+				<view class="jg">
-					更新时间:2019-12-06
+				</view>
+				<view class="detail-content" v-html="detail.content">
 				</view>
 			</view>
-			<view class="jg">
+		</template>
-				
-			</view>
-			<view class="detail-content" v-html="content">
-				
-			</view>
-		</view>
 	</view>
 </template>
 
@@ -27,8 +27,8 @@
 	export default {
 		data() {
 			return {
-				content: '正一健康竹胎酵素饮正一健康竹胎酵素饮正正一健康竹胎酵素饮正一健康竹胎酵素饮正正一健康竹胎酵素饮正一健康竹胎酵素饮正正一健康竹胎酵素饮正一健康竹胎酵素饮正',
+				content: '',
-				detail: {},
+				detail: '',
 			}
 			
 		},
@@ -40,9 +40,18 @@
 		methods: {
 			getDetail(id) {
 				let obj = this
-				details({},id).then( res => {
+				uni.showLoading({
-					obj.content = res.data.content
+					title: '加载中...'
-					obj.detail = res.data
+				})
+				details({},id).then( ({data}) => {
+					uni.hideLoading()
+					console.log(data)
+					data.content = data.content.replace(/\<img/gi, '<img class="rich-img"')
+					this.detail = data
+					// obj.content = res.data.content
+					// obj.detail = res.data
+				}).catch(err => {
+					console.log(err)
 				})
 			}
 		}
@@ -102,10 +111,16 @@
 				color: #333333;
 				line-height: 48rpx;
 				padding: 37rpx 40rpx;
-				* {
+				width: 750rpx;
-					max-width: 100%;
+				
-				}
+				// * {
+				// 	max-width: 100%;
+				// }
+				
 			}
 		}
+	}
+	.rich-img {
+		width: 100% !important;
 	}
 </style>

static/css/cmy.css

@@ -1,551 +1,554 @@
-/*初始化类*/
+/*初始化类*/
-@font-face {
+@font-face {
-	font-family: 'iconfont';
+	font-family: 'iconfont';
-	/* project id 1482221 */
+	/* project id 1482221 */
-	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
+	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot');
-	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
+	src: url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.eot?#iefix') format('embedded-opentype'),
-		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
+		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff2') format('woff2'),
-		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
+		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.woff') format('woff'),
-		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
+		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.ttf') format('truetype'),
-		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
+		url('https://at.alicdn.com/t/font_1482221_x9emymthrxs.svg#iconfont') format('svg');
-}
+}
-
+
-.acea-row {
+.acea-row {
-	display: -webkit-box;
+	display: -webkit-box;
-	display: -moz-box;
+	display: -moz-box;
-	display: -webkit-flex;
+	display: -webkit-flex;
-	display: -ms-flexbox;
+	display: -ms-flexbox;
-	display: flex;
+	display: flex;
-	-webkit-box-lines: multiple;
+	-webkit-box-lines: multiple;
-	-moz-box-lines: multiple;
+	-moz-box-lines: multiple;
-	-o-box-lines: multiple;
+	-o-box-lines: multiple;
-	-webkit-flex-wrap: wrap;
+	-webkit-flex-wrap: wrap;
-	-ms-flex-wrap: wrap;
+	-ms-flex-wrap: wrap;
-	flex-wrap: wrap
+	flex-wrap: wrap
-}
+}
-
+
-.acea-row.row-middle {
+.acea-row.row-middle {
-	-webkit-box-align: center;
+	-webkit-box-align: center;
-	-moz-box-align: center;
+	-moz-box-align: center;
-	-o-box-align: center;
+	-o-box-align: center;
-	-ms-flex-align: center;
+	-ms-flex-align: center;
-	-webkit-align-items: center;
+	-webkit-align-items: center;
-	align-items: center
+	align-items: center
-}
+}
-
+
-.bg-color-red {
+.bg-color-red {
-	background-color: #e93323 !important;
+	background-color: #e93323 !important;
-}
+}
-
+
-.acea-row.row-right {
+.acea-row.row-right {
-	-webkit-box-pack: end;
+	-webkit-box-pack: end;
-	-moz-box-pack: end;
+	-moz-box-pack: end;
-	-o-box-pack: end;
+	-o-box-pack: end;
-	-ms-flex-pack: end;
+	-ms-flex-pack: end;
-	-webkit-justify-content: flex-end;
+	-webkit-justify-content: flex-end;
-	justify-content: flex-end
+	justify-content: flex-end
-}
+}
-
+
-.acea-row.row-between-wrapper {
+.acea-row.row-between-wrapper {
-	-webkit-box-align: center;
+	-webkit-box-align: center;
-	-moz-box-align: center;
+	-moz-box-align: center;
-	-o-box-align: center;
+	-o-box-align: center;
-	-ms-flex-align: center;
+	-ms-flex-align: center;
-	-webkit-align-items: center;
+	-webkit-align-items: center;
-	align-items: center;
+	align-items: center;
-	-webkit-box-pack: justify;
+	-webkit-box-pack: justify;
-	-moz-box-pack: justify;
+	-moz-box-pack: justify;
-	-o-box-pack: justify;
+	-o-box-pack: justify;
-	-ms-flex-pack: justify;
+	-ms-flex-pack: justify;
-	-webkit-justify-content: space-between;
+	-webkit-justify-content: space-between;
-	justify-content: space-between
+	justify-content: space-between
-}
+}
-
+
-.acea-row.row-column-around {
+.acea-row.row-column-around {
-	-webkit-flex-direction: column;
+	-webkit-flex-direction: column;
-	-ms-flex-direction: column;
+	-ms-flex-direction: column;
-	flex-direction: column;
+	flex-direction: column;
-	justify-content: space-around;
+	justify-content: space-around;
-	-webkit-justify-content: space-around
+	-webkit-justify-content: space-around
-}
+}
-
+
-.acea-row.row-center-wrapper {
+.acea-row.row-center-wrapper {
-	-webkit-box-align: center;
+	-webkit-box-align: center;
-	-moz-box-align: center;
+	-moz-box-align: center;
-	-o-box-align: center;
+	-o-box-align: center;
-	-ms-flex-align: center;
+	-ms-flex-align: center;
-	-webkit-align-items: center;
+	-webkit-align-items: center;
-	align-items: center;
+	align-items: center;
-	-webkit-box-pack: center;
+	-webkit-box-pack: center;
-	-moz-box-pack: center;
+	-moz-box-pack: center;
-	-o-box-pack: center;
+	-o-box-pack: center;
-	-ms-flex-pack: center;
+	-ms-flex-pack: center;
-	-webkit-justify-content: center;
+	-webkit-justify-content: center;
-	justify-content: center
+	justify-content: center
-}
+}
-
+
-.iconfont {
+.iconfont {
-	font-family: "iconfont" !important;
+	font-family: "iconfont" !important;
-	font-size: 34rpx;
+	font-size: 34rpx;
-	font-style: normal;
+	font-style: normal;
-	-webkit-font-smoothing: antialiased;
+	-webkit-font-smoothing: antialiased;
-	-webkit-text-stroke-width: 0rpx;
+	-webkit-text-stroke-width: 0rpx;
-	-moz-osx-font-smoothing: grayscale;
+	-moz-osx-font-smoothing: grayscale;
-}
+}
-
+
-.iconedit:before {
+.iconedit:before {
-	content: "\e649";
+	content: "\e649";
-}
+}
-
+
-.iconfavorfill:before {
+.iconfavorfill:before {
-	content: "\e64b";
+	content: "\e64b";
-}
+}
-
+
-.iconfavor:before {
+.iconfavor:before {
-	content: "\e64c";
+	content: "\e64c";
-}
+}
-
+
-.iconlocation:before {
+.iconlocation:before {
-	content: "\e651";
+	content: "\e651";
-}
+}
-
+
-.iconroundcheckfill:before {
+.iconroundcheckfill:before {
-	content: "\e656";
+	content: "\e656";
-}
+}
-
+
-.iconroundcheck:before {
+.iconroundcheck:before {
-	content: "\e657";
+	content: "\e657";
-}
+}
-
+
-.iconunfold:before {
+.iconunfold:before {
-	content: "\e661";
+	content: "\e661";
-}
+}
-
+
-.iconlikefill:before {
+.iconlikefill:before {
-	content: "\e668";
+	content: "\e668";
-}
+}
-
+
-.iconlike:before {
+.iconlike:before {
-	content: "\e669";
+	content: "\e669";
-}
+}
-
+
-.iconshop:before {
+.iconshop:before {
-	content: "\e676";
+	content: "\e676";
-}
+}
-
+
-.iconcart:before {
+.iconcart:before {
-	content: "\e6af";
+	content: "\e6af";
-}
+}
-
+
-.icondelete:before {
+.icondelete:before {
-	content: "\e6b4";
+	content: "\e6b4";
-}
+}
-
+
-.iconhome:before {
+.iconhome:before {
-	content: "\e6b8";
+	content: "\e6b8";
-}
+}
-
+
-.iconcartfill:before {
+.iconcartfill:before {
-	content: "\e6b9";
+	content: "\e6b9";
-}
+}
-
+
-.iconhomefill:before {
+.iconhomefill:before {
-	content: "\e6bb";
+	content: "\e6bb";
-}
+}
-
+
-.iconlock:before {
+.iconlock:before {
-	content: "\e6c0";
+	content: "\e6c0";
-}
+}
-
+
-.iconfriendadd:before {
+.iconfriendadd:before {
-	content: "\e6ca";
+	content: "\e6ca";
-}
+}
-
+
-.iconfold:before {
+.iconfold:before {
-	content: "\e6de";
+	content: "\e6de";
-}
+}
-
+
-.iconapps:before {
+.iconapps:before {
-	content: "\e729";
+	content: "\e729";
-}
+}
-
+
-.iconadd:before {
+.iconadd:before {
-	content: "\e767";
+	content: "\e767";
-}
+}
-
+
-.iconmove:before {
+.iconmove:before {
-	content: "\e768";
+	content: "\e768";
-}
+}
-
+
-.icontriangledownfill:before {
+.icontriangledownfill:before {
-	content: "\e79b";
+	content: "\e79b";
-}
+}
-
+
-.icontriangleupfill:before {
+.icontriangleupfill:before {
-	content: "\e79c";
+	content: "\e79c";
-}
+}
-
+
-.iconshaixuan:before {
+.iconshaixuan:before {
-	content: "\e74a";
+	content: "\e74a";
-}
+}
-
+
-.iconyanzhengma:before {
+.iconyanzhengma:before {
-	content: "\e684";
+	content: "\e684";
-}
+}
-
+
-.iconjifen:before {
+.iconjifen:before {
-	content: "\e60f";
+	content: "\e60f";
-}
+}
-
+
-.iconwuliuxinxi:before {
+.iconwuliuxinxi:before {
-	content: "\e62b";
+	content: "\e62b";
-}
+}
-
+
-.iconmessage:before {
+.iconmessage:before {
-	content: "\e78a";
+	content: "\e78a";
-}
+}
-
+
-.iconsetting:before {
+.iconsetting:before {
-	content: "\e78e";
+	content: "\e78e";
-}
+}
-
+
-.iconaddition:before {
+.iconaddition:before {
-	content: "\e6e0";
+	content: "\e6e0";
-}
+}
-
+
-.iconclose:before {
+.iconclose:before {
-	content: "\e6e9";
+	content: "\e6e9";
-}
+}
-
+
-.iconenter:after {
+.iconenter:after {
-	content: "\e6f8";
+	content: "\e6f8";
-}
+}
-
+
-.iconprompt:before {
+.iconprompt:before {
-	content: "\e71b";
+	content: "\e71b";
-}
+}
-
+
-.iconreturn:before {
+.iconreturn:before {
-	content: "\e720";
+	content: "\e720";
-}
+}
-
+
-.iconsearch:before {
+.iconsearch:before {
-	content: "\e741";
+	content: "\e741";
-}
+}
-
+
-.iconpengyouquan:before {
+.iconpengyouquan:before {
-	content: "\e62c";
+	content: "\e62c";
-}
+}
-
+
-.iconweixin:before {
+.iconweixin:before {
-	content: "\e60e";
+	content: "\e60e";
-}
+}
-
+
-.iconzhifubao:before {
+.iconzhifubao:before {
-	content: "\e673";
+	content: "\e673";
-}
+}
-
+
-.iconyue:before {
+.iconyue:before {
-	content: "\e618";
+	content: "\e618";
-}
+}
-
+
-.iconweixin1:before {
+.iconweixin1:before {
-	content: "\e622";
+	content: "\e622";
-}
+}
-
+
-.iconlock1:before {
+.iconlock1:before {
-	content: "\e64d";
+	content: "\e64d";
-}
+}
-
+
-.iconuser:before {
+.iconuser:before {
-	content: "\e64e";
+	content: "\e64e";
-}
+}
-
+
-.iconchenggongtixianshouyi:before {
+.iconchenggongtixianshouyi:before {
-	content: "\e64f";
+	content: "\e64f";
-}
+}
-
+
-.iconviptuiguangdingdan:before {
+.iconviptuiguangdingdan:before {
-	content: "\e650";
+	content: "\e650";
-}
+}
-
+
-.icondaifukuan:before {
+.icondaifukuan:before {
-	content: "\e652";
+	content: "\e652";
-}
+}
-
+
-.icondaijiesuanshouyi:before {
+.icondaijiesuanshouyi:before {
-	content: "\e653";
+	content: "\e653";
-}
+}
-
+
-.icondaidakuanshouyi:before {
+.icondaidakuanshouyi:before {
-	content: "\e654";
+	content: "\e654";
-}
+}
-
+
-.icondaifahuo:before {
+.icondaifahuo:before {
-	content: "\e655";
+	content: "\e655";
-}
+}
-
+
-.icondaishouhuoshouyi:before {
+.icondaishouhuoshouyi:before {
-	content: "\e658";
+	content: "\e658";
-}
+}
-
+
-.icondaishouhuo:before {
+.icondaishouhuo:before {
-	content: "\e659";
+	content: "\e659";
-}
+}
-
+
-.iconwuxiaoshouyi:before {
+.iconwuxiaoshouyi:before {
-	content: "\e65a";
+	content: "\e65a";
-}
+}
-
+
-.icontixianmingxi:before {
+.icontixianmingxi:before {
-	content: "\e65b";
+	content: "\e65b";
-}
+}
-
+
-.iconshouyi:before {
+.iconshouyi:before {
-	content: "\e65c";
+	content: "\e65c";
-}
+}
-
+
-.iconkouchutixianshouxufei:before {
+.iconkouchutixianshouxufei:before {
-	content: "\e65d";
+	content: "\e65d";
-}
+}
-
+
-.iconyishenqingshouyi:before {
+.iconyishenqingshouyi:before {
-	content: "\e65e";
+	content: "\e65e";
-}
+}
-
+
-.icontuihuanhuo:before {
+.icontuihuanhuo:before {
-	content: "\e65f";
+	content: "\e65f";
-}
+}
-
+
-
+
-/*水平线*/
+/*水平线*/
-.hr {
+.hr {
-	width: 100%;
+	width: 100%;
-	position: relative;
+	position: relative;
-	border-bottom: 1px solid #dddddd;
+	border-bottom: 1px solid #dddddd;
-	/* height: 0.5rpx; */
+	/* height: 0.5rpx; */
-}
+}
-
+
-/* 一行显示 */
+/* 一行显示 */
-.clamp {
+.clamp {
-	overflow: hidden;
+	overflow: hidden;
-	text-overflow: ellipsis;
+	text-overflow: ellipsis;
-	white-space: nowrap;
+	white-space: nowrap;
-	display: block;
+	display: block;
-}
+}
-
+
-/* 二行显示 */
+/* 二行显示 */
-.clamp2 {
+.clamp2 {
-	overflow: hidden;
+	overflow: hidden;
-	text-overflow: ellipsis;
+	text-overflow: ellipsis;
-	display: -webkit-box;
+	display: -webkit-box;
-	-webkit-line-clamp: 2;
+	-webkit-line-clamp: 2;
-	-webkit-box-orient: vertical;
+	-webkit-box-orient: vertical;
-}
+}
-
+
-/* 二行显示 */
+/* 二行显示 */
-.ellipsis {
+.ellipsis {
-	overflow: hidden;
+	overflow: hidden;
-	text-overflow: ellipsis;
+	text-overflow: ellipsis;
-	display: -webkit-box;
+	display: -webkit-box;
-	-webkit-box-orient: vertical;
+	-webkit-box-orient: vertical;
-	-webkit-line-clamp: 2;
+	-webkit-line-clamp: 2;
-}
+}
-
+
-.common-hover {
+.common-hover {
-	background: #f5f5f5;
+	background: #f5f5f5;
-}
+}
-
+
-/* 角标 */
+/* 角标 */
-.corner {
+.corner {
-	background-color: #e51c23;
+	background-color: #e51c23;
-	position: absolute;
+	position: absolute;
-	right: -18rpx;
+	right: -18rpx;
-	top: -18rpx;
+	top: -18rpx;
-	color: #FFFFFF;
+	color: #FFFFFF;
-	text-align: center;
+	text-align: center;
-	border-radius: 999px;
+	border-radius: 999px;
-	font-size: 24rpx !important;
+	font-size: 24rpx !important;
-	min-width: 35rpx;
+	min-width: 35rpx;
-	min-height: 35rpx;
+	min-height: 35rpx;
-	display: flex;
+	display: flex;
-	align-items: center;
+	align-items: center;
-	justify-content: center;
+	justify-content: center;
-	line-height: 1;
+	line-height: 1;
-}
+}
-
+
-.flex_item {
+.flex_item {
-	display: flex;
+	display: flex;
-	align-items: center;
+	align-items: center;
-	/* justify-content: space-between; */
+	/* justify-content: space-between; */
-}
+}
-
+
-/* 左右顶格加上下居中 */
+/* 左右顶格加上下居中 */
-.flex-between-center {
+.flex-between-center {
-	display: flex;
+	display: flex;
-	justify-content: space-between;
+	justify-content: space-between;
-	align-items: center;
+	align-items: center;
-}
+}
-
+
-/* flex布局-整体居中 */
+/* flex布局-整体居中 */
-.flex-center {
+.flex-center {
-	display: flex;
+	display: flex;
-	align-items: center;
+	align-items: center;
-	justify-content: center;
+	justify-content: center;
-}
+}
-
+
-.flex-start {
+.flex-start {
-	display: flex;
+	display: flex;
-	align-items: center;
+	align-items: center;
-	justify-content: flex-start;
+	justify-content: flex-start;
-}
+}
-
+
-/*文字对齐*/
+/*文字对齐*/
-.text-left {
+.text-left {
-	text-align: left !important;
+	text-align: left !important;
-}
+}
-
+
-.text-center {
+.text-center {
-	text-align: center !important;
+	text-align: center !important;
-}
+}
-
+
-.text-justify {
+.text-justify {
-	text-align: justify !important;
+	text-align: justify !important;
-}
+}
-
+
-.text-right {
+.text-right {
-	text-align: right !important;
+	text-align: right !important;
-}
+}
-
+
-.text-default {
+.text-default {
-	color: #212121 !important;
+	color: #212121 !important;
-}
+}
-
+
-.text-white {
+.text-white {
-	color: #ffffff !important;
+	color: #ffffff !important;
-}
+}
-
+
-.text-primary {
+.text-primary {
-	color: #00bcd4 !important;
+	color: #00bcd4 !important;
-}
+}
-
+
-.text-success {
+.text-success {
-	color: #009688 !important;
+	color: #009688 !important;
-}
+}
-
+
-.text-info {
+.text-info {
-	color: #03a9f4 !important;
+	color: #03a9f4 !important;
-}
+}
-
+
-.text-warning {
+.text-warning {
-	color: #ffc107 !important;
+	color: #ffc107 !important;
-}
+}
-
+
-.text-danger {
+.text-danger {
-	color: #e51c23 !important;
+	color: #e51c23 !important;
-}
+}
-
+
-.text-pink {
+.text-pink {
-	color: #e91e63 !important;
+	color: #e91e63 !important;
-}
+}
-
+
-.text-purple {
+.text-purple {
-	color: #673ab7 !important;
+	color: #673ab7 !important;
-}
+}
-
+
-.text-indigo {
+.text-indigo {
-	color: #3f51b5 !important;
+	color: #3f51b5 !important;
-}
+}
-
+
-.text-gray {
+.text-gray {
-	color: #999999 !important;
+	color: #999999 !important;
-}
+}
-
+
-.bg-default {
+.bg-default {
-	background-color: #f5f5f5 !important;
+	background-color: #f5f5f5 !important;
-}
+}
-
+
-.bg-primary {
+.bg-primary {
-	background-color: #00bcd4 !important;
+	background-color: #00bcd4 !important;
-}
+}
-
+
-.bg-success {
+.bg-success {
-	background-color: #009688 !important;
+	background-color: #009688 !important;
-}
+}
-
+
-.bg-info {
+.bg-info {
-	background-color: #03a9f4 !important;
+	background-color: #03a9f4 !important;
-}
+}
-
+
-.bg-warning {
+.bg-warning {
-	background-color: #FFB238 !important;
+	background-color: #FFB238 !important;
-}
+}
-
+
-.bg-danger {
+.bg-danger {
-	background-color: #DC4D46 !important;
+	background-color: #DC4D46 !important;
-}
+}
-
+
-.bg-pink {
+.bg-pink {
-	background-color: #e91e63 !important;
+	background-color: #e91e63 !important;
-}
+}
-
+
-.bg-purple {
+.bg-purple {
-	background-color: #673ab7 !important;
+	background-color: #673ab7 !important;
-}
+}
-
+
-.bg-indigo {
+.bg-indigo {
-	background-color: #3f51b5 !important;
+	background-color: #3f51b5 !important;
-}
+}
-
+
-.bg-white {
+.bg-white {
-	background-color: white !important;
+	background-color: white !important;
-}
+}
-
+
-.bg-gray {
+.bg-gray {
-	background-color: #e3e3e3 !important;
+	background-color: #e3e3e3 !important;
-}
+}
-
+
-/* 边框 */
+/* 边框 */
-.border-radius-15 {
+.border-radius-15 {
-	border-radius: 15rpx;
+	border-radius: 15rpx;
-}
+}
-
+
-.border-radius-10 {
+.border-radius-10 {
-	border-radius: 10rpx;
+	border-radius: 10rpx;
-}
+}
-
+
-.border-radius-all {
+.border-radius-all {
-	border-radius: 1000rpx;
+	border-radius: 1000rpx;
-}
+}
-
+
-/* 底部边线 */
+/* 底部边线 */
-.borde-b {
+.borde-b {
-	border-bottom: 1px solid #dddddd;
+	border-bottom: 1px solid #dddddd;
-}
+}
-
+
-/* 弹性盒子 */
+/* 弹性盒子 */
-.flex {
+.flex {
-	display: flex;
+	display: flex;
-	align-items: center;
+	align-items: center;
-	justify-content: space-between;
+	justify-content: space-between;
-}
+}
-
+
-.items-left {
+.items-left {
-	justify-content: flex-start;
+	justify-content: flex-start;
-}
+}
-
+
-.items-right {
+.items-right {
-	justify-content: flex-end;
+	justify-content: flex-end;
-}
+}
-
+
-.flex-shrink-false {
+.flex-shrink-false {
-	flex-shrink: 0;
+	flex-shrink: 0;
-}
+}
-
+
-.flex-grow-true {
+.flex-grow-true {
-	flex-grow: 1;
+	flex-grow: 1;
-}
+}
-
+
-.position-relative {
+.position-relative {
-	position: relative;
+	position: relative;
-}
+}
+.rich-img {
+		width: 100% !important;
+	}