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

<template name="fleaMarket">
	<view class="fleaMarket">
	      <view class="second-hand-wrapper">
	            <view class="top_title">
	                <view ><image src="http://static-b.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="mian_text">
	                <view class="main-title">采美二手市场介绍<view class="yellow_icon"></view></view>
	                <span>
	                    现实生活中，二手商品越来越经济实惠，二手商品也在多个经济生活领域出现。
	                    面对潜力巨大的二手市场，采美365网于2019年开办美容行业二手交易版块，搭建二手交易平台，
	                    将拥有闲置商品卖家与求购方（买家）信息集中起来，让交易双方的买卖信息传播得更广泛，交易更有保障。
	                </span>
	            </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">平台收取每款商品100元的展示费用 ，有效期为<text style="font-size: 48px">6</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="http://static-b.caimei365.com/app/img/bg/jiaoyi.png" mode="" class="jiaoyi_pimg"></image>
						<image src="http://static-b.caimei365.com/app/img/bg/jiaoyi3x.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.stop="gotorepair">去维修</view>
	                <view class="button" @click.stop="gotohome">去首页</view>
	            <view class="foot_font">
	                <span style="color: #ADADAD"> 业务咨询/合作请联系：</span><span style="color: #666666;margin-right: 10rpx"> 0755-22907771  </span><span style="color: #ADADAD;">手机：</span><span style="color: #666666">15817465281</span>
	            </view>
	        </view>
	    </view>
	</view>
</template>

<script>
	export default{
		name:'fleaMarket',
		components:{
		},
		methods:{
			gotoform:function(){
				this.$api.navigateTo('/second/pages/form/form');
			},
			gotolist:function(){
				this.$api.navigateTo('/second/pages/product/product-list');
			},
			gotorepair:function(){
				this.$api.navigateTo(`/h5/pages/activity/activity_mid`);
			},
			gotohome:function(){
				this.$api.navigateTo('/pages/tabBar/home/index');
			}
		},
		
		
	}
</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("http://static-b.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;
	}
	.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;
	}
	image{
		width: 104rpx;
		height: 90rpx
	}
}
.top_text{
	font-size: 60rpx;
	color: #FFFFFF;
	font-style: oblique;
	font-weight: bold;
	margin-top:40rpx;
	text-align: center;
}
.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: 500rpx;
	}
}
.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;
}
.right-title{
	width: 250rpx;
}
</style>