2312970463@qq.com 4 年之前
父節點
當前提交
4d4e44d880
共有 8 個文件被更改,包括 897 次插入446 次删除
  1. 13 0
      App.vue
  2. 0 1
      main.js
  3. 4 1
      manifest.json
  4. 24 0
      pages.json
  5. 211 0
      pages/donate/donate.vue
  6. 201 0
      pages/donate/donateDetail.vue
  7. 1 1
      pages/index/index.vue
  8. 443 443
      static/css/cmy.css

+ 13 - 0
App.vue

@@ -355,4 +355,17 @@
 		// 设置默认字体
 		font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback;
 	}
+	.clamp {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		display: block;
+	}
+	.clamp2{
+		overflow:hidden; 
+		text-overflow:ellipsis;
+		display:-webkit-box; 
+		-webkit-box-orient:vertical;
+		-webkit-line-clamp:2;
+	}
 </style>

+ 0 - 1
main.js

@@ -56,7 +56,6 @@ Vue.prototype.ScanAudio = function(e){
 // }
 
 
-
 Vue.config.productionTip = false
 Vue.prototype.$fire = new Vue();
 Vue.prototype.$store = store;

+ 4 - 1
manifest.json

@@ -96,6 +96,9 @@
             }
         },
         // "^/api" : ""
-        "template" : ""
+        "template" : "",
+        "sdkConfigs" : {
+            "maps" : {}
+        }
     }
 }

+ 24 - 0
pages.json

@@ -713,6 +713,30 @@
 				// #endif
 				"navigationBarTitleText": "爱心捐款"
 			
+			}
+		},
+		{
+			"path": "pages/donate/donate",
+			"style": {
+				// #ifndef MP
+				"app-plus": {
+					"titleNView": false
+				},
+				// #endif
+				"navigationBarTitleText": "项目捐赠"
+			
+			}
+		},
+		{
+			"path": "pages/donate/donateDetail",
+			"style": {
+				// #ifndef MP
+				"app-plus": {
+					"titleNView": false
+				},
+				// #endif
+				"navigationBarTitleText": "捐赠详情"
+			
 			}
 		}
 	],

+ 211 - 0
pages/donate/donate.vue

@@ -0,0 +1,211 @@
+<template>
+	<view class="donate-wrapper">
+		<view class="top-select flex">
+			<view class="">选择地区</view>
+			<picker @change="bindAreaChange" :range="areas">
+				<view class="area select" :class="{'action': area }">{{ area || '点击选择地区' }}</view>
+			</picker>
+			<picker @change="bindStatusChange" :range="statuss">
+				<view class="status select" :class="{'action': status }">{{ status }}</view>
+			</picker>
+		</view>
+		<view class="item-wrapper">
+			<view class="item flex" v-for="item in ceshiList" :key="item.id">
+				<view class="item-left">
+					<image src="" mode=""></image>
+				</view>
+				<view class="item-right">
+					<view class="item-title clamp">{{item.title}}</view>
+					<view class="item-content clamp2">{{item.content}}</view>
+					<view class="item-status">捐赠进度<text>{{item.jindu}}%</text></view>
+					<view class="item-btn" :class="{'btn-active': item.status === 0}" @click="join(item.id)">{{item.status===0?'我要捐赠':'已结束'}}</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				areas: ['沙市区红十字会','荆州区红十字会','石首区红十字会','洪湖区红十字会','松滋区红十字会','监利区红十字会','公安县红十字会','江陵县红十字会'],
+				area: '',
+				statuss: ['全部','进行中','已结束'],
+				status: '全部',
+				ceshiList: [
+					{
+						id: '1',
+						title: '夏天里的清凉夏天里的清凉夏天里的清凉夏天里的清凉夏天里的清凉',
+						content: '荆州市阳光孤儿院成立于2021年,荆州市红 十字会向社会募集各种空调荆州市阳光孤儿院成立于2021年,荆州市红 十字会向社会募集各种空调',
+						status: 0,
+						jindu: 99
+					},
+					{
+						id: '2',
+						title: '夏天里的清凉',
+						content: '荆州市阳光孤儿院成立于2021年,荆州市红 十字会向社会募集各种空调荆州市阳光孤儿院成立于2021年,荆州市红 十字会向社会募集各种空调',
+						status: 1,
+						jindu: 100
+					},
+					{
+						id: '3',
+						title: '夏天里的清凉',
+						content: '荆州市阳光孤儿院成立于2021年,荆州市红 十字会向社会募集各种空调荆州市阳光孤儿院成立于2021年,荆州市红 十字会向社会募集各种空调',
+						status: 0,
+						jindu: 20
+					},
+				]
+				
+			}
+		},
+		methods: {
+			bindAreaChange(e) {
+				console.log(e.target)
+				this.area = this.areas[e.target.value]
+			},
+			bindStatusChange(e) {
+				console.log(e.target)
+				this.status = this.statuss[e.target.value]
+			},
+			join(id) {
+				console.log(id)
+				uni.navigateTo({
+					url: '/pages/donate/donateDetail?id=' +id
+				})
+				console.log('dddddddddd')
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.donate-wrapper {
+		padding-top: 25rpx;
+	}
+	.top-select {
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: #333333;
+		height: 63rpx;
+		line-height: 63rpx;
+		padding: 0 20rpx 0 19rpx;
+		margin-bottom: 20rpx;
+		.select {
+			padding-left: 40rpx;
+			background: #FFFFFF;
+			border-radius: 5rpx;
+			font-size: 26rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #999999;
+			line-height: 63rpx;
+			position: relative;
+			&::after {
+				content: '';
+				width: 0;
+				height: 0;
+				border-left: 10rpx solid transparent;
+				border-right: 10rpx solid transparent;
+				border-top: 10rpx solid #808080;
+				position: absolute;
+				right: 30rpx;
+				bottom: 26rpx;
+			}
+		}
+		.area {
+			width: 355rpx;
+			height: 63rpx;
+			margin: 0 10rpx 0 24rpx;
+		}
+		.status {
+			width: 204rpx;
+			height: 63rpx;
+		}
+		.action {
+			color: #000;
+		}
+	}
+	.item-wrapper {
+		padding: 0 20rpx;
+		.item {
+			width: 710rpx;
+			height: 280rpx;
+			background: #FFFFFF;
+			box-shadow: 0px 0px 20rpx 0rpx rgba(50, 50, 52, 0.06);
+			border-radius: 8rpx;
+			padding:40rpx 20rpx;
+			margin-bottom: 20rpx;
+			.item-left {
+				width: 190rpx;
+				height: 200rpx;
+				border-radius: 10rpx;
+				image {
+					width: 190rpx;
+					height: 200rpx;
+					border-radius: 10rpx;
+				}
+			}
+			.item-right {
+				padding-left: 22rpx;
+				position: relative;
+				.item-title {
+					width: 316rpx;
+					font-size: 30rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #333333;
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+					display: block;
+					line-height: 1;
+					padding-bottom: 14rpx;
+				}
+				.item-content {
+					width: 416rpx;
+					font-size: 22rpx;
+					font-family: PingFang SC;
+					font-weight: 400;
+					color: #999999;
+					line-height: 1.5;
+				}
+				.item-status {
+					font-size: 24rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #666666;
+					line-height: 1.5;
+					position: absolute;
+					left: 22rpx;
+					bottom: 0;
+					text {
+						color: #E80000;
+						font-weight: bold;
+					}
+				}
+				.item-btn {
+					width: 160rpx;
+					height: 60rpx;
+					background: #F2F2F2;
+					border-radius: 30px;
+					font-size: 28rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #999999;
+					line-height: 60rpx;
+					text-align: center;
+					position: absolute;
+					right: -42rpx;
+					bottom: -9rpx;
+				}
+				.btn-active {
+					background: #FA7E67;
+					color: #fff;
+					box-shadow: 0px 2px 20px 0px rgba(250, 126, 103, 0.5);
+				}
+			}
+		}
+	}
+</style>

+ 201 - 0
pages/donate/donateDetail.vue

@@ -0,0 +1,201 @@
+<template>
+	<view class="detail">
+		<view class="top">
+			<image src="../../static/images/bgi2.png" mode=""></image>
+			<view class="title clamp">夏天的清凉阳光孤儿院物资爱心捐赠活动</view>
+			<view class="tip">
+				<view class=""></view>基本信息
+			</view>
+			<view class="base-info">
+				<view class="item">
+					<text>捐赠进度</text><text class="status">30%</text>
+				</view>
+				<view class="item">
+					<text>创立时间</text>2021年6月10日
+				</view>
+				<view class="item">
+					<text>开始时间</text>2021年6月10日
+				</view>
+				<view class="item">
+					<text>结束时间</text>2021年6月10日
+				</view>
+			</view>
+			<view class="dynamic flex">
+				<view class="left">
+					实时动态
+				</view>
+				<view class="right flex">
+					<view>捐赠时间:2021年06月10日</view>
+					<view>捐赠人:<text>李**</text></view>
+					<view class="clamp" style="width: 500rpx;">捐赠数量:帐篷[100]顶,帐篷[100]顶,帐篷[100]顶,帐篷[100]顶</view>
+				</view>
+			</view>
+		</view>
+		<view class="content">
+			<view class="content-nav flex">
+				<view class="nav-item" v-for="(item, index) in navList" :key="index" :class="{'active': currentIndex === index}" @click="navClick(index)">
+					{{item}}
+				</view>
+			</view>
+		</view>
+		<swiper   :interval="3000" :duration="500" :current="currentIndex">
+			<swiper-item>
+				<view class="swiper-item">555</view>
+			</swiper-item>
+			<swiper-item>
+				<view class="swiper-item">666</view>
+			</swiper-item>
+		</swiper>
+		<view class="btn-wrapper flex">
+			<view class="btn1">
+				实时进展
+			</view>
+			<view class="btn2">
+				我要捐款
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				navList: ['捐赠详情','捐赠反馈'],
+				currentIndex: 0
+			}
+		},
+		methods: {
+			navClick(index) {
+				this.currentIndex = index
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.top {
+		height: 863rpx;
+		background-color: #fff;
+		border-top: 1rpx solid #f6f6f6;
+		padding-top: 33rpx;
+		margin-bottom: 20rpx;
+		image {
+			display: block;
+			width: 680rpx;
+			height: 375rpx;
+			border-radius: 20rpx;
+			margin: 0 auto ;
+			background-color: red;
+		}
+		.title {
+			width: 580rpx;
+			font-size: 32rpx;
+			font-family: PingFang SC;
+			font-weight: bold;
+			color: #333333;
+			line-height: 1;
+			padding-top: 28rpx;
+			padding-left: 42rpx;
+			margin-bottom: 39rpx;
+		}
+		.base-info {
+			font-size: 27rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #999999;
+			line-height: 1;
+			display: flex;
+			padding: 0 56rpx;
+			flex-wrap: wrap;
+			.item {
+				width: 50%;
+				padding-bottom: 40rpx;
+				.status {
+					color: red;
+					font-weight: bold;
+				}
+				text {
+					font-size: 26rpx;
+					font-family: PingFang SC;
+					font-weight: 500;
+					color: #666666;
+					display: inline-block;
+					margin-right: 15rpx;
+				}
+			}	
+		}
+		.dynamic {
+			width: 666rpx;
+			height: 111rpx;
+			background: #EFEFEF;
+			border-radius: 10rpx;
+			margin: 5rpx auto 0;
+			.left {
+				width: 115rpx;
+				height: 111rpx;
+				background: #5C93FC;
+				border-radius: 10rpx 0px 0px 10rpx;
+				font-size: 28rpx;
+				font-family: PingFang SC;
+				font-weight: 500;
+				color: #FFFFFF;
+				line-height: 34rpx;
+				padding: 22rpx 29rpx;
+				margin-right: 15rpx;
+			}
+			.right {
+				font-size: 22rpx;
+				font-family: PingFang SC;
+				font-weight: 400;
+				color: #333333;
+				line-height: 1;
+				padding: 12rpx 0;
+				flex-direction: column;
+				justify-content: space-between;
+				text {
+					color: red;
+					font-weight: bold;
+				}
+			}
+		}
+	}
+	.content {
+		.content-nav {
+			height: 82rpx;
+			background: #FFFFFF;
+			font-size: 30rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #999999;
+			line-height: 82rpx;
+			justify-content: space-around;
+			.active {
+				border-bottom: 4rpx solid #FA7E67;
+				color: #FA7E67;
+				font-weight: bold;
+			}
+		}
+		
+	}
+	.tip {
+		margin-left: 42rpx;
+		font-size: 30rpx;
+		font-family: PingFang SC;
+		font-weight: bold;
+		color: #333333;
+		line-height: 1;
+		margin-bottom: 34rpx;
+		view {
+			display: inline-block;
+			width: 4rpx;
+			height: 30rpx;
+			background: #FA7E67;
+			border-radius: 2rpx;
+			margin-right: 9rpx;
+			position: relative;
+			bottom: -2rpx;
+			
+		}
+	}
+</style>

+ 1 - 1
pages/index/index.vue

@@ -56,7 +56,7 @@
 					<view class="item-tit">博爱项目</view>
 					<view class="item-tit2">弘扬红十字精神</view>
 				</view> -->
-				<view class="left-nav"></view>
+				<view class="left-nav" @click="navTo('/pages/donate/donate')"></view>
 				<view class="right-nav flex">
 					<view class="right-top-nav">
 						

+ 443 - 443
static/css/cmy.css

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