caimei-applets-caimei/pages/second/form/introduce.vue

<template name="fleaMarket">
	<view class="fleaMarket">
		<view class="second-hand-wrapper">
			<view class="top_title">
				<view><image src="https://static.caimei365.com/app/img/icon/icon-logo2.png" mode=""></image></view>
				<view class="right-title">
					<text class="right-one">二手市场</text> <text class="right-two">SECOND-HANDMARKET</text>
				</view>
			</view>
			<view class="top_text">质量好一点，效率高一点</view>
			<view class="top_text bot">效率更高 成本更低 交易更安全</view>
			<view class="mian_text">
				<view class="main-title">采美二手市场介绍<view class="yellow_icon"></view></view>
				<text>
					现实生活中，二手商品越来越经济实惠，二手商品也在多个经济生活领域出现。面对潜力巨大的二手市场，采美365网于2019年开办美容行业二手交易版块，搭建二手交易平台，
					将拥有闲置商品卖家与求购方（买家）信息集中起来，让买卖双方直接交易，一手信息效率更高，交易成本更低，交易更有保障。
				</text>
			</view>
			<view class="mian_content top">
				<text class="big-title">二手平台运营特色</text><view class="yellow_icon"></view>
				<view class="font_content">
					<view class="content_list">
						<view class="content-title">1.自运营</view>
						<text class="content-text"
							>用户自主上传二手商品信息，自主销售，平台提供商品展示位以及商品信息介绍页面，类似“闲鱼”。</text
						>
					</view>
					<view class="content_list">
						<view class="content-title"> 2.代运营</view>
						<text class="content-text"
							>由平台协助销售二手商品，为用户提供贴心且必要的推广辅助，促成交易。</text
						>
					</view>
					<view class="content_list">
						<view class="content-title">3.第三方服务</view>
						<text class="content-text"
							>平台提供第三方服务，如申请第三方评测、延保、维修等，一方面更客观全面展示仪器细节，另一方面，便于仪器机能维护，方便维修等。</text
						>
					</view>
					<view class="content_list">
						<view class="content-title">4.套餐服务</view>
						<text class="content-text">多项组合套餐式服务，满足卖家个性化推广需求。</text>
					</view>
					<view class="tishiyu"
						>转让方/出售方（以下统称为“卖家”）需上传个人真实信息，平台留存备案后，卖家通过平台专属页面上传需要出售的商品信息，（按后台系统要求填写）。</view
					>
				</view>
			</view>

			<view class="mian_content">
				<text class="big-title">合作模式</text><view class="yellow_icon y m"></view>
				<view class="font_content">
					<view class="twobuy">成为自由卖家：二手出售方</view>
					<view class="content_list">
						<view class="content-title">1.自主发布</view>
						<text class="content-text"
							>平台已拥有独立上传信息页面，卖家可进入页面或者通过链接自主上传商品信息，获得在平台二手版块展示机会。平台收取展示位费用，详见第2条</text
						>
					</view>
					<view class="content_list">
						<view class="content_list">2.自主发布</view>
						<text class="content-text">
							卖家每上传一款商品，占据一个展示位,<text class="bluefont"
								>有效期为<text style="font-size: 48px">3</text>个月</text
							>
							平台提供与该商品匹配的详情信息以及文章信息，降低买家决策成本，以促进销售。特殊政策除外（如特定免费时段）。</text
						>
					</view>
					<view class="content_list">
						<view class="content-title">3.平台推广服务(代运营)</view>
						<text class="content-text">
							卖家如需采美平台提供个性化推广服务，以帮助达成交易 ，平台收取一定服务费。</text
						>
					</view>
					<view class="content_list">
						<view class="content-title">4.第三方检测、维修、延保服务</view>
						<text class="content-text"> 平台服务费。 </text>
					</view>
					<view class="content_list">
						<view class="content-title">5.套餐服务</view> <text class="content-text">多项组合服务。</text>
					</view>
				</view>
			</view>

			<view class="mian_content">
				<text class="big-title">交易流程</text><view class="yellow_icon y m"></view>
				<view class="font_content">
					<view class="content_list">
						<view class="content-text"
							>随着越来越多机构青睐性价比高的二手设备，采美二手市场也越来越火热，为了保障买卖双方利益和资金交易安全，
							采美现将二手仪器交易的流程更加规范化，以促进二手市场的健康发展。</view
						>
					</view>
					<view class="threebuy">此流程适用于10万以下的设备，10万以上二手设备交易请联系高先生。</view>
					<view class="jioayi">具体的流程如下：</view>
					<image
						src="https://static.caimei365.com/app/img/icon/icon-secondimg@2x.png"
						mode=""
						class="jiaoyi_img"
					></image>
				</view>
			</view>
			<view class="second-hand-btn">
				<view class="button" @click.stop="gotoform">去发布</view>
				<view class="button" @click.stop="gotolist">逛二手市场</view>
				<view class="button" @click="gotorepair">去维修</view>
				<view class="button" @click="this.$api.switchTabTo('/pages/tabBar/home/index')">去首页</view>
				<view class="foot_font">
					<view style="color: #ADADAD">
						业务咨询/合作请联系：<label style="color: #666666;margin-right: 10rpx">
							0755-22907771
						</label></view
					>
					<view style="color: #ADADAD;">手机：<label style="color: #666666">15817465281</label></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'fleaMarket',
	components: {},
	methods: {
		gotoform: function() {
			this.$api.navigateTo('/pages/second/form/form')
		},
		gotolist: function() {
			this.$api.navigateTo('/pages/second/product/product-list')
		},
		gotorepair: function() {
			this.$api.navigateTo('/pages/h5/article/page?linkType=7')
		}
	}
}
</script>

<style lang="scss">
page {
	position: relative;
	margin: 40rpx auto 0;
}
.fleaMarket {
	padding: 20rpx;
	background-image: linear-gradient(#ff7676, #e15616);
}
.second-hand-wrapper {
	background-image: url('https://static.caimei365.com/app/img/bg/bg22.png');
	background-position: 50% 9%;
	background-repeat: no-repeat;
	background-size: 100%;
	image {
		width: 100%;
		display: block;
		margin: 20rpx auto 0;
		height: 800rpx;
	}
	.big-title {
		color: #ffffff;
		letter-spacing: 4rpx;
	}
}
.second-hand-btn {
	.button {
		width: 280rpx;
		height: 90rpx;
		background: linear-gradient(225deg, rgba(255, 107, 107, 1) 0%, rgba(247, 76, 0, 1) 100%);
		border-radius: 30rpx;
		color: #fff;
		border: none;
		font-size: 27rpx;
		outline: none;
		margin-bottom: 20rpx;
		margin-right: 20rpx;
		line-height: 90rpx;
		display: inline-block;
	}
}
.second-hand-btn {
	position: relative;
	background: #ffffff;
	border-radius: 30rpx;
	margin-top: 30rpx;
	padding: 40rpx 22.5rpx 37.5rpx 30rpx;
	margin-bottom: 15rpx;
	border-bottom: 9rpx solid #f1ac90;
	border-right: 9rpx solid #f1ac90;
	text-align: center;
}
.top_title {
	padding: 40rpx 0 40rpx 0;
	text-align: center;
	.right-one {
		letter-spacing: 12rpx;
		font-size: 40rpx;
		font-weight: bold;
		color: #ffffff;
		letter-spacing: 4rpx;
	}
	.right-two {
		color: #ffffff;
		font-size: 20rpx;
		display: block;
	}
	image {
		width: 100%;
		height: 100%;
	}
}
.top_text {
	font-size: 48rpx;
	color: #ffffff;
	font-style: oblique;
	font-weight: bold;
	margin-top: 40rpx;
	text-align: center;
	&.bot {
		font-size: 56rpx;
		margin-top: 0rpx;
	}
}
.mian_text {
	margin-top: 75rpx;
	color: #ffffff;
	font-size: 22rpx;
	padding: 0 30rpx 0 30rpx;
	line-height: 40rpx;
	letter-spacing: 4rpx;
	.main-title {
		font-size: 36rpx;
		font-weight: bold;
		padding-bottom: 37.5rpx;
	}
}
.mian_content {
	margin-top: 80rpx;
	.big-title {
		font-size: 36rpx;
		font-weight: bold;
	}
	&.top {
		margin-top: 200rpx;
	}
}
.font_content {
	background: #ffffff;
	border-radius: 37.5rpx;
	margin-top: 30rpx;
	padding: 18.5rpx;
	font-weight: 400;
	line-height: 45rpx;
	color: rgba(109, 114, 120, 1);
	opacity: 1;
	position: relative;
	border-bottom: 9.75rpx solid #f1ac90;
	border-right: 9.75rpx solid #f1ac90;
}
.content_list {
	margin-bottom: 37.5rpx;
	.content-title {
		font-size: 30rpx;
		font-family: Source Han Sans CN;
	}
	.content-text {
		font-size: 22rpx;
	}
}
.tishiyu {
	background: #fff8f8;
	font-size: 24rpx;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 40rpx;
	color: #ff7354;
	opacity: 1;
	padding: 18rpx;
	border-radius: 20rpx;
}
.twobuy {
	background: #ef5c3c;
	border-radius: 15rpx;
	font-size: 26rpx;
	font-family: AlibabaPuHuiTiB;
	opacity: 1;
	padding: 6rpx;
	color: #ffffff;
	margin-bottom: 19.5rpx;
	text-align: center;
	width: 360rpx;
}
.threebuy {
	background: #ef5c3c;
	border-radius: 9.75rpx;
	font-size: 27.7rpx;
	color: #fff;
	padding: 6rpx;
	margin-bottom: 37.5rpx;
}
.bluefont {
	font-size: 24rpx !important;
	color: #0091ff;
}
.foot_font {
	text-align: center;
	font-size: 34rpx;
	line-height: 52rpx;
}
.yellow_icon {
	width: 315rpx;
	height: 22.5rpx;
	background: rgba(250, 185, 0, 1);
	opacity: 1;
	margin-top: -22.5rpx;
}
.yellow_icon.m {
	width: 160rpx;
}
.top_title view {
	display: inline-block;
}
.jiaoyi {
	font-size: 24rpx;
}
.jiaoyi_pimg {
	display: none !important;
}
.top_title view:nth-child(1) {
	// margin-right: 20rpx;
	width: 104rpx;
	height: 92rpx;
}
.right-title {
	width: 250rpx;
}
</style>