<!--pages/signedFactory/factoryDetail.wxml--> <view class="container"> <view class="factory-info margin-top-20"> <view class="factory-info-hd font-size-18 font-color-c24e4e"> {{info.factory_name}} </view> <view class="factory-info-bd"> <image src="{{item}}" wx:for="{{info.factory_img}}"></image> </view> <view class="factory-info-ft font-color-333"> {{info.factory_Int}} </view> </view> <view class="factory-foods margin-top-20"> <view class="factory-info-hd font-size-18 font-color-c24e4e" style="padding-left:10rpx;">厂家产品</view> <navigator url="goodDetail" class="goodsList line-before-bottom" hover-class="weui-cell_active" wx:for="{{goodsList}}" wx:for-item="goodlist" data-id="{{goodlist.id}}"> <image class="listimg" src="{{goodlist.img }}"></image> <view class="listinfo"> <text class="font-color-hei title">{{goodlist.name}}</text> <text class="font-color-999 font-size-12" style="margin-bottom:18rpx;">酒精度:{{goodlist.purity}}</text> <text class="font-color-999 font-size-12">净含量:{{goodlist.weight}}</text> <view class="listinfo-ft"> <text class="font-color-999 font-size-12">包装规格:{{goodlist.norm}}</text><text class="font-color-c24e4e ">¥<text style="font-size:40rpx;">{{goodlist.price}}</text></text></view> </view> </navigator> </view> <view class="policy margin-top-20 font-color-333"> <view class="factory-info-hd font-size-18 font-color-c24e4e" >奖励政策</view> <view class="policy-text">以公司产品价格表的定价为基础。销售人员对需方让利,产品销售价格低于公司定价的,需由主管销售厂长同意,报公司经理审核同意后方可签定合同。</view> <view class="policy-text1"> <view class="text">普通经纪人:</view> <view class="textinfo">以公司产品价格表的定价为基础。销售人员对需方让利。</view> </view> <view class="policy-text1"> <view class="text">高级经纪人:</view> <view class="textinfo">以公司产品价格表的定价为基础。销售人员对需方让利。</view></view> </view> <view style="width:100%; height:110rpx;"></view> <view class="button-box font-color-white" bindtap="openWin"> 签约该厂家 </view> </view> |
/* pages/signedFactory/factoryDetail.wxss */ .factory-info{ padding: 30rpx; background-color: #ffffff; } .factory-info-hd{ display: flex; } .factory-info-bd{ display: flex; flex-direction: row; justify-content: space-between; margin: 32rpx 0 30rpx; } .factory-info-bd image{ display: flex; height: 154rpx; width: 210rpx; } .factory-info-ft{ text-indent: 2em; text-align:justify; } .factory-foods{ background-color: #ffffff; padding: 30rpx 20rpx 0; } .policy{ background-color: #ffffff; padding: 30rpx; } .listinfo{ display: flex; flex-direction: column; flex: 1; line-height: 1; } .listinfo .title{ margin: 20rpx 0px; } .goodsList{ padding: 20rpx 0; display: flex; flex-direction: row; } .listinfo-ft{ display: flex; justify-content: space-between; align-items: flex-end; } .goodsList .listimg{ width: 180rpx; height: 180rpx; margin-right: 20rpx; } .policy-text{ text-indent: 2em; margin-top: 30rpx; } .policy-text1{ display: flex; justify-content: space-between; flex-direction: row; align-items: center; margin-top: 20rpx; } .policy-text1 .text{ width: 180rpx; height: auto; } .policy-text1 .textinfo{ display: flex; flex: 1; } .button-box{ position: fixed; left: 0; bottom: 0; z-index: 99; display: flex; width: 100%; height: 110rpx; align-items: center; justify-content: center; background-color: #c24e4e; } |
// pages/signedFactory/factoryDetail.js Page({ data:{}, onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 this.setData({ info:{ factory_name:'仁怀市茅台镇永泰酒业有限公司', factory_Int:'贵州省仁怀市茅台镇永泰酒业股份有限公司位于美丽的赤水河畔,与驰名中外的茅台集团共享得天独厚的土壤、气候、水质和微生物群等优越的自然条件。厂区占地面积60余亩,厂房面积5000多平方米,拥有多口酿造使用多年的老窖池,目前年生产能力约为1千多吨原酒。在茅台镇众多的酒厂中,永泰酒业公司是为数不多的资深厂家之一。', factory_img:[ '/assets/testimages/timg1.jpg','/assets/testimages/timg1.jpg','/assets/testimages/timg1.jpg' ] }, goodsList:[{ id:1, name:'永泰老酒1915 六瓶/件', img:'/assets/testimages/timg1.jpg', purity:'53%vol', weight:'500ml/瓶', norm:'6瓶/ 件', price:2699 },{ id:2, name:'永泰老酒1915 六瓶/件', img:'/assets/testimages/timg1.jpg', purity:'53%vol', weight:'500ml/瓶', norm:'6瓶/ 件', price:2699 }] }) }, openWin(){ wx.navigateTo({ url: 'signedApply' }) }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 } }) |
模板简介:该模板名称为【微信小程序酒厂厂家详情详细签约页面设计制作开发教程】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。