2023-8-25

api/certificate.js

@@ -0,0 +1,35 @@
+import request from '@/utils/request'
+import {upFilse} from '@/utils/request'
+
+// 获取信息
+export function cert(data) {
+	return request({
+		url: '/api/cert/'+data.id,
+		method: 'get',
+		data
+	});
+}
+// 申请审核
+export function certApply(data) {
+	return request({
+		url: '/api/cert',
+		method: 'post',
+		data
+	});
+}
+// 申请审核
+export function getCertList(data) {
+	return request({
+		url: '/api/cert',
+		method: 'get',
+		data
+	});
+}
+//上传图片
+export function uploads(data) {
+	return upFilse({
+		url: '/api/upload/image',
+		method: 'post',
+		data
+	});
+}

pages.json

@@ -82,7 +82,34 @@
 				"navigationBarTitleText": "我的核销券"
 			}
 		},
-		
+		{
+			"path": "pages/certificate/apply",
+			"style": {
+				"navigationStyle":"custom",
+				"navigationBarTitleText": "认证资料"
+			}
+		},
+		{
+			"path": "pages/certificate/showCertificate",
+			"style": {
+				"navigationStyle":"custom",
+				"navigationBarTitleText": "资料展示"
+			}
+		},
+		{
+			"path": "pages/certificate/query",
+			"style": {
+				"navigationStyle":"custom",
+				"navigationBarTitleText": "查询"
+			}
+		},
+		{
+			"path": "pages/certificate/success",
+			"style": {
+				"navigationStyle":"custom",
+				"navigationBarTitleText": "证书"
+			}
+		},
 		{
 			"path": "pages/redirect/redirect",
 			"style": {

pages/certificate/apply.vue

@@ -0,0 +1,233 @@
+<template>
+	<view class="box">
+		<view class="information">
+			<view class="list">
+				<view class="lable">姓名</view>
+				<input class="input" type="text" v-model="list.name" placeholder="请输入您的姓名" />
+			</view>
+			<view class="list">
+				<view class="lable">性别</view>
+				<picker class="picker" mode="selector" :range="typeList" range-key='name' @change="changeType">
+					<view>{{typeList[list.gender].name}}</view>
+				</picker>
+				<image class="image-next" mode="widthFix" src="@/static/img/jt.png"></image>
+			</view>
+			<view class="list">
+				<view class="lable">身份证号</view>
+				<input class="input" type="text" v-model="list.idcard" placeholder="请输入您的身份证号" />
+			</view>
+			<view class="list">
+				<view class="lable">岗位职业：</view>
+				<input class="input" type="text" v-model="list.job" placeholder="请输入您的岗位职业" />
+				<!-- <image class="image-next" mode="widthFix" src="@/static/img/jt.png"></image> -->
+			</view>
+		</view>
+		<view class="img margin-t-30 padding-v-30 padding-c-30">
+			<view class="padding-b-30">证件照片（一寸照）</view>
+			<view class="photo" @click='pic'>
+				<img :src="list.photo" v-if="list.photo" />
+				<img src="@/static/img/k.png" v-else>
+			</view>
+		</view>
+		<view class="button" @click="submit">
+			提交审核
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		cert,
+		certApply,
+		uploads
+	} from '@/api/certificate.js'
+	import {
+		getUserInfo
+	} from '@/api/login.js'
+	export default {
+		data() {
+			return {
+				list: {
+					name: '', //姓名
+					gender: 0, //性别
+					idcard: '', //身份照
+					job: '', //工作
+					photo: '', //照片
+				},
+				typeList: [{
+					type: 0,
+					name: '男'
+				}, {
+					type: 1,
+					name: '女'
+				}],
+			}
+		},
+		onLoad() {
+			getUserInfo();
+		},
+		methods: {
+			// 修改
+			changeType(res) {
+				this.list.gender = res.detail.value;
+			},
+			//提交
+			submit() {
+				const that = this;
+				const data = this.list;
+				if (!data.name) {
+					uni.showModal({
+						title: '错误提示',
+						content: '请输入姓名',
+						showCancel: false,
+					});
+					return
+				}
+				if (!data.idcard) {
+					uni.showModal({
+						title: '错误提示',
+						content: '请输入身份证号',
+						showCancel: false,
+					});
+					return
+				}
+				if (!data.job) {
+					uni.showModal({
+						title: '错误提示',
+						content: '请输入工作职业',
+						showCancel: false,
+					});
+					return
+				}
+				if (!data.photo) {
+					uni.showModal({
+						title: '错误提示',
+						content: '请上传证件照片',
+						showCancel: false,
+					});
+					return
+				}
+				uni.showLoading({
+					title: '提交中',
+					mask: true
+				});
+				certApply(
+					data
+				).then(res => {
+					console.log(res)
+					uni.hideLoading()
+					// 初始化提交
+					that.list = {
+						name: '', //姓名
+						gender: 0, //性别
+						idcard: '', //身份照
+						job: '', //工作
+						photo: '', //照片
+					};
+					uni.showModal({
+						title: '提示',
+						content: '已提交成功请耐心等待审核通过',
+						showCancel: false,
+					});
+				}).catch(res => {
+					uni.hideLoading()
+					console.log(res)
+				})
+			},
+			//图片预览
+			pic() {
+				const that = this
+				uploads().then(
+					(res) => {
+						that.list.photo = res[0].url;
+					}
+				).catch((e) => {
+					console.log(e);
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		height: 100%;
+	}
+
+	body {
+		background-color: #f3f3f3;
+	}
+
+	.box {
+		padding: 30rpx;
+	}
+
+	.information {
+		background-color: #fff;
+		border-radius: 20rpx;
+		font-size: 30rpx;
+	}
+
+	.list {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		border-bottom: solid 1rpx #f3f3f3;
+		padding: 30rpx;
+
+		.picker {
+			flex-grow: 1;
+		}
+
+		.lable {
+			width: 150rpx;
+			flex-shrink: 0;
+		}
+
+		.input {
+			width: calc(100% - 20rpx);
+			font-size: 28rpx;
+		}
+
+		.image-next {
+			width: 20rpx;
+		}
+	}
+
+	.img {
+		font-size: 30rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+
+		img {
+			width: 160rpx;
+		}
+	}
+
+	.photo {
+		width: 160rpx;
+		height: 160rpx;
+	}
+
+	.button {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		text-align: center;
+		color: #fff;
+		background-color:rgba(246, 84, 134, 1);
+		font-size: 30rpx;
+		height: 100rpx;
+		line-height: 100rpx;
+	}
+
+	.pickerAddress {
+		margin-top: 20rpx;
+		padding-left: 5rpx;
+	}
+
+	.pickerColor {
+		color: #808080;
+	}
+</style>

pages/certificate/query.vue

@@ -0,0 +1,109 @@
+<template>
+	<view id="myApp">
+		<view class="information" >
+			<form name="myform">
+			<view class="input">
+				<view class="img">
+					<img src="@/static/img/icon-2.png" >
+				</view>
+				<input type="text" v-model="name" placeholder="请输入会员姓名" />
+			</view>
+			<view class="input">
+				<view class="img">
+					<img src="@/static/img/icon-1.png" >
+				</view>
+				<input type="text" v-model="idcard" placeholder="请输入会员身份证号" />
+			</view>
+			<view class="button" @click="submit">
+				立即查询
+			</view>
+			</form>
+		</view>
+	</view>
+</template>
+
+<script>
+import { query } from '../../api/apply.js'
+import { mapMutations } from 'vuex';
+	export default {
+		data() {
+			return {
+				name: '',
+				idcard: '',
+				type: ''
+			}
+		},
+		onLoad(options) {
+			this.type = options.type
+		},
+		methods: {
+			...mapMutations('user', ['setInformation']),
+			submit() {
+				const obj = this
+				const data = obj.type == 1 ? { name: this.name, idcard: this.idcard }: { name: this.name }
+				query(data,obj.type).then(res => {
+					obj.setInformation(res.data.data)
+					uni.navigateTo({
+						url: '/pages/apply/success?type='+this.type
+					})
+				}).catch(res => {
+					console.log(res)
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+body {
+	margin: 0;
+	background-color: #f3f3f3;
+}
+.header img{
+	width: 100%;
+}
+.information {
+	padding: 10px 0;
+	background-color: #fff;
+	width: 95%;
+	margin: 15px auto;
+	border-radius: 10px;
+}
+.information .input{
+	padding: 10px;
+	padding-bottom: 10px;
+	padding-top: 30px;
+	margin: auto auto;
+	text-align: center;
+	width: 90%;
+	border-bottom: solid 1px #d8d8d8;
+	display: flex;
+}
+.information .input .img{
+	width: 30px;
+	margin: auto 0;
+	margin-right: 5px;
+}
+.information .input .img img{
+	height: 20px;
+	margin: auto 0;
+}
+.information .input input{
+	text-align: left;
+	font-size: 15px;
+	width: 90%;
+	border: 0;
+	height: 20px;
+	padding-bottom: 0;
+}
+.button {
+	margin: 30px auto;
+	text-align: center;
+	font-size: 15px;
+	color: #fff;
+	background-color: #3b66f5;
+	border-radius: 30px;
+	padding: 10px;
+	width: 70%;
+}
+</style>

pages/certificate/showCertificate.vue

@@ -0,0 +1,222 @@
+<template>
+	<view class="box position-relative">
+		<image class="bg" src="../../static/img/zgxy.png" mode="widthFix"></image>
+		<view class="content">
+			<view class="flex">
+				<image class="avImg" :src="info.photo" mode="scaleToFill"></image>
+				<view class="title">
+					<view class="item flex">
+						<view class="name">
+							姓<text class="jg1"></text>名：
+						</view>
+						<view class="text">
+							{{info.name}}
+						</view>
+					</view>
+					<view class="item flex">
+						<view class="name">
+							性<text class="jg1"></text>别：
+						</view>
+						<view class="text">
+								{{info.gender_name}}
+						</view>
+					</view>
+					<view class="item flex">
+						<view class="name">
+							证件号：
+						</view>
+						<view class="text">
+								{{info.idcard}}
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="according">
+				<view class="indentation">
+					依据 O/ZG2001-2018 和 O/ZG3001-2018 评价标准及母婴界人才入库规定 ，经母婴界审核，您的信息符合入库条件，同意加入人才库，特此证明。
+				</view>
+				<view class="indentation">
+					According to the O/ZG2001-2018 and G3001-2018evaluation standards and the talent pool regulationsof
+					Zhonggong Credit Service Network,after thereview of Zhonggong Credit Service Network,yourinformation
+					meets the requirements,Agree to jointhe talent pool, Hereby certify.
+				</view>
+			</view>
+			<view class="lsbox margin-b-30">
+				<view class="item flex">
+					<view class="name">
+						岗位职业：
+					</view>
+					<view class="text">
+						{{info.job}}
+					</view>
+				</view>
+				<view class="item flex">
+					<view class="name">
+						入库登记：
+					</view>
+					<view class="text">
+						{{info.level_name}}
+					</view>
+				</view>
+				<view class="item flex">
+					<view class="name">
+						入库编号：
+					</view>
+					<view class="text">
+						{{info.code}}
+					</view>
+				</view>
+				<view class="item flex">
+					<view class="name">
+						入库日期：
+					</view>
+					<view class="text">
+						{{info.date}}
+					</view>
+				</view>
+			</view>
+			<div class="qrCode" ref="qrCodeDiv"></div>
+			<view class="tip">
+				扫码可查看在线版本证书
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		cert
+	} from '@/api/certificate.js'
+	import {
+		getUserInfo
+	} from '@/api/login.js'
+	import QRCode from 'qrcodejs2';
+	export default {
+		data() {
+			return {
+				id:1,
+				typeList: [{
+					type: 0,
+					name: '男'
+				}, {
+					type: 1,
+					name: '女'
+				}],
+				info:{},
+			}
+		},
+		onLoad(res) {
+			const that = this;
+			if(!res.id){
+				getUserInfo().then((res)=>{
+					that.id = res.data.uid;
+					
+					
+					that.$nextTick(
+						() => {
+							that.bindQRCode();
+						}
+					)
+				}).catch((res)=>{
+					console.log(res);
+				});
+			}else{
+				that.id = res.id;
+				that.cert();
+				that.$nextTick(
+					() => {
+						that.bindQRCode();
+					}
+				)
+			}
+		},
+		methods: {
+			bindQRCode() {
+				new QRCode(this.$refs.qrCodeDiv, {
+					render: "canvas",
+					text:this.$store.state.baseURL+this.$store.state.urlFile+'/pages/certificate/showCertificate?id=' +this.id,
+					width: 100,
+					height: 100,
+					colorDark: "#333333", //二维码颜色
+					colorLight: "#ffffff", //二维码背景色
+					correctLevel: QRCode.CorrectLevel.L //容错率，L/M/H
+				})
+			},
+			cert(){
+				cert({
+					id:this.id
+				}).then((e)=>{
+					this.info = e.data.info;
+				}).catch((e)=>{
+					
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.box {
+		.bg {
+			width: 750rpx;
+		}
+
+		.content {
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			padding: 0 80rpx;
+			padding-top: 150rpx;
+
+			.title {
+				padding-left: 20rpx;
+				flex-grow: 1;
+				align-self: flex-end;
+				
+
+				.jg1 {
+					width: 1em;
+					display: inline-block;
+				}
+			}
+
+			.according {
+				padding-top: 100rpx;
+
+				.indentation {
+					text-indent: 2em;
+				}
+			}
+
+			.avImg {
+				width: 160rpx;
+				height: 215rpx;
+				background-color: red;
+			}
+		}
+	}
+
+	.item {
+		font-weight: bold;
+		padding-top: 20rpx;
+
+		.name {
+			font-size: 28rpx;
+		}
+
+		.text {
+			flex-grow: 1;
+			border-bottom: 1px solid rgb(90, 90, 86);
+		}
+	}
+	.qrCode{
+		margin: 0 auto;
+		width: 200rpx;
+		height: 200rpx;
+	}
+	.tip{
+		text-align: center;
+		margin-top: 10rpx;
+	}
+</style>

pages/certificate/success.vue

@@ -0,0 +1,165 @@
+<template>
+	<view class="success">
+		<view class="item flex" v-for="(item,ind) in navList[tabCurrentIndex].orderList">
+			<image class="avatar" :src="item.photo" mode="scaleToFill"></image>
+			<view class="item-content">
+				<view class="item-name">
+					{{item.name}}({{item.gender_name}})
+				</view>
+				<view class="item-tip">
+					<text class="type">证件:</text>{{item.idcard}}
+				</view>
+				<view class="item-tip">
+					<text class="type">时间:</text>{{item.date}}
+				</view>
+				<view class="item-tip">
+					<text class="type">编码:</text>{{item.code}}
+				</view>
+			</view>
+			<view class="item-status position-relative">
+				<view class="level">
+					{{item.level_name}}
+				</view>
+				<navigator :url="'./showCertificate?id='+item.id">
+				<view class="buttom">
+					查看证书
+				</view>
+				</navigator>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		getUserInfo
+	} from '@/api/login.js'
+	import {
+		getCertList
+	} from '@/api/certificate.js'
+	export default {
+		data() {
+			return {
+				tabCurrentIndex: 0,
+				navList: [{
+					state: 2,
+					text: '已使用',
+					loadingType: 'more',
+					orderList: [],
+					page: 1, //当前页数
+					limit: 10 //每次信息条数
+				}]
+			}
+		},
+		onLoad(options) {
+			getUserInfo().then(() => {
+				this.loadData();
+			});
+		},
+		onReachBottom() {
+			this.loadData();
+		},
+		methods: {
+			loadData(source) {
+				//这里是将订单挂载到tab列表下
+				let index = this.tabCurrentIndex;
+				let navItem = this.navList[index];
+				let state = navItem.state;
+				if (source === 'tabChange' && navItem.loaded === true) {
+					//tab切换只有第一次需要加载数据
+					return;
+				}
+				if (navItem.loadingType === 'loading') {
+					//防止重复加载
+					return;
+				}
+				// 修改当前对象状态为加载中
+				navItem.loadingType = 'loading';
+				getCertList({
+						page: navItem.page,
+						limit: navItem.limit
+					})
+					.then(({
+						data
+					}) => {
+						let list = data.list.data;
+						navItem.orderList = navItem.orderList.concat(list);
+						console.log(navItem.orderList);
+						navItem.page++;
+						if (navItem.limit == list.length) {
+							//判断是否还有数据， 有改为 more， 没有改为noMore
+							navItem.loadingType = 'more';
+							return;
+						} else {
+							//判断是否还有数据， 有改为 more， 没有改为noMore
+							navItem.loadingType = 'noMore';
+						}
+						uni.hideLoading();
+						this.$set(navItem, 'loaded', true);
+					})
+					.catch(e => {
+						console.log(e);
+					});
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	page {
+		height: 100%;
+	}
+
+	.success {
+		padding: 30rpx;
+	}
+
+	.item {
+		background-color: #FFF;
+		padding: 30rpx;
+		border-radius: 20rpx;
+		.avatar {
+			width: 160rpx;
+			height: 215rpx;
+			background-color: red;
+			border-radius: 20rpx;
+		}
+
+		.item-content {
+			padding-left: 30rpx;
+			flex-grow: 1;
+			font-size: $font-lg;
+
+			.item-tip {
+				font-size: $font-sm;
+				margin-top: 20rpx;
+				color: #99999999;
+				.type{
+					font-size: $font-base;
+				}
+			}
+		}
+		.item-status{
+			text-align: right;
+			align-self:stretch ;
+			flex-shrink: 0;
+			.level{
+				font-size: $font-lg;
+				color: $color-red;
+			}
+			.buttom{
+				position: absolute;
+				bottom: 0;
+				right: 0;
+				flex-shrink: 0;
+				color: #FFF;
+				background-color: $uni-color-primary;
+				line-height: 1;
+				padding:.5em ;
+				border-radius: 10rpx;
+				width: 3em;
+				height: 3em;
+			}
+		}
+	}
+</style>

unpackage/dist/build/h5/index.html

@@ -0,0 +1,2 @@
+<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>我要投票</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.9cd74131.js></script><script src=/index/static/js/index.54656d3d.js></script></body></html>

unpackage/dist/build/h5/static/css/cmy.css

@@ -0,0 +1,551 @@
+/*初始化类*/
+@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');
+}
+
+.acea-row {
+	display: -webkit-box;
+	display: -moz-box;
+	display: -webkit-flex;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-lines: multiple;
+	-moz-box-lines: multiple;
+	-o-box-lines: multiple;
+	-webkit-flex-wrap: wrap;
+	-ms-flex-wrap: wrap;
+	flex-wrap: wrap
+}
+
+.acea-row.row-middle {
+	-webkit-box-align: center;
+	-moz-box-align: center;
+	-o-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center
+}
+
+.bg-color-red {
+	background-color: #e93323 !important;
+}
+
+.acea-row.row-right {
+	-webkit-box-pack: end;
+	-moz-box-pack: end;
+	-o-box-pack: end;
+	-ms-flex-pack: end;
+	-webkit-justify-content: flex-end;
+	justify-content: flex-end
+}
+
+.acea-row.row-between-wrapper {
+	-webkit-box-align: center;
+	-moz-box-align: center;
+	-o-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center;
+	-webkit-box-pack: justify;
+	-moz-box-pack: justify;
+	-o-box-pack: justify;
+	-ms-flex-pack: justify;
+	-webkit-justify-content: space-between;
+	justify-content: space-between
+}
+
+.acea-row.row-column-around {
+	-webkit-flex-direction: column;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	justify-content: space-around;
+	-webkit-justify-content: space-around
+}
+
+.acea-row.row-center-wrapper {
+	-webkit-box-align: center;
+	-moz-box-align: center;
+	-o-box-align: center;
+	-ms-flex-align: center;
+	-webkit-align-items: center;
+	align-items: center;
+	-webkit-box-pack: center;
+	-moz-box-pack: center;
+	-o-box-pack: center;
+	-ms-flex-pack: center;
+	-webkit-justify-content: center;
+	justify-content: center
+}
+
+.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;
+}
+
+/* 二行显示 */
+.clamp2 {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
+/* 二行显示 */
+.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;
+}
+
+.flex_item {
+	display: flex;
+	align-items: center;
+	/* justify-content: space-between; */
+}
+
+/* 左右顶格加上下居中 */
+.flex-between-center {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+/* flex布局-整体居中 */
+.flex-center {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.flex-start {
+	display: flex;
+	align-items: center;
+	justify-content: flex-start;
+}
+
+/*文字对齐*/
+.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: #FFB238 !important;
+}
+
+.bg-danger {
+	background-color: #DC4D46 !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;
+}
+
+.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;
+}