
<view class="wraper">
<view class="banner">
<image src="http://ojhq3mgil.bkt.clouddn.com/web/478/20170208/201702081000316987.jpg"></image>
</view>
<view class="title">
<image src="../../images/partner_02.png"></image>
</view>
<!--加盟特权内容-->
<view class="content">
<view class="listItems">
<view class="leftImg">
<image src="../../images/partner_kaidian.png"></image>
</view>
<view class="rightTxt">
<text class="red">开店0门槛</text>
<text class="txtDesc">开店0门槛 轻松赚钱一键分销,一件代发,支持全渠道推广。</text>
</view>
</view>
<view class="listItems">
<view class="leftImg">
<image src="../../images/partner_baozhang.png"></image>
</view>
<view class="rightTxt">
<text class="orange">货源有保障</text>
<text class="txtDesc">精选商品,品质保证,众安承保,正品保障,厂家直供,丰厚佣金。</text>
</view>
</view>
<view class="listItems">
<view class="leftImg">
<image src="../../images/partner_yi.png"></image>
</view>
<view class="rightTxt">
<text class="yellow">一对一指导</text>
<text class="txtDesc">手把手教你成交订单,给你专业知识培训,朋友圈素材免费提供,小白也能开店赚钱!</text>
</view>
</view>
<view class="btnGroup">
<button class="btn">成为合伙人</button>
</view>
</view>
</view>
|
.wraper{
width: 100%;
}
.wraper .banner{
width: 100%;
height: 500rpx;
}
.wraper .title{
width: 100%;
height: 116rpx;
}
.wraper image{
width: 100%;
height: 100%;
}
.wraper .content{
background: #fff;
width: 100%;
}
.wraper .content .listItems{
width: 88%;
margin: 0 auto;
height: 150rpx;
border-bottom: 1px dashed #ededed;
}
.wraper .content .listItems .leftImg{
width: 120rpx;
height:120rpx;
margin-top: 15rpx;
float: left;
}
.wraper .content .listItems .rightTxt{
width: 500rpx;
float: left;
margin-left: 30rpx;
margin-top: 15rpx;
display: flex;
flex-direction: column;
}
.wraper .content .listItems .rightTxt .red{
color: #ff6662;
}
.wraper .content .listItems .rightTxt .orange{
color: #ff8e62;
}
.wraper .content .listItems .rightTxt .yellow{
color: #ffbe62;
}
.wraper .content .listItems .rightTxt .txtDesc{
font-size: 26rpx;
color: #888;
}
.wraper .content .btnGroup{
padding: 30rpx 0;
}
.wraper .content .btnGroup .btn{
width: 88%;
height: 100rpx;
line-height: 100rpx;
border-radius: 50rpx;
background: #ff6662;
color: #fff;
}
|
Page({
data:{},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
},
tosearch:function(){
wx.navigateTo({
url: '../searchProduct/searchProduct'
})
}
})
|
模板简介:该模板名称为【微信小程序红色风格加盟合伙人样式模板制作设计下载】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。