miniprogram / winebook · 提交

转到一个项目

作者 lihongjuan
提交 08a038e4fb7668dd5723a91fb475162069a115d8 0 个父辈 master ... Branch_zhu

上传

内嵌 并排对比
正在显示 62 个修改的文件 包含 4716 行增加 和 0 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 62 of 62+ 个文件。

//app.js
App({
onLaunch: function () {
// 展示本地存储能力
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
}
})
// 获取用户信息
wx.getSetting({
success: res => {
if (res.authSetting['scope.userInfo']) {
// 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
wx.getUserInfo({
success: res => {
// 可以将 res 发送给后台解码出 unionId
this.globalData.userInfo = res.userInfo
// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
// 所以此处加入 callback 以防止这种情况
if (this.userInfoReadyCallback) {
this.userInfoReadyCallback(res)
}
}
})
}
}
})
},
post: function (url, data, headerParams, showLoad) {
wx.showNavigationBarLoading()
var promise = new Promise((resolve, reject) => {
//init
let that = this;
let postData = data;
let baseUrl = 'https://winesbook.cn/api/';
//网络请求
let header = {
'XX-Device-Type': 'wxapp',
'XX-Token': wx.getStorageSync("token") || ''
}
header = Object.assign(header, headerParams)
//网络请求
wx.request({
url: baseUrl + url,
data: postData,
method: 'POST',
header: header,
success: function (res) { //返回取得的数据
if (res.data.code == '20000') {
resolve(res.data.data);
} else if (res.data.code == '201') {
resolve(res.data);
} else {
console.log(res)
reject(res)
}
// else if (res.data.code == '42002') {
// }
// setTimeout(function () {
// wx.hideNavigationBarLoading()
// }, 600)
},
fail: function (e) {
reject('网络出错');
// wx.hideLoading()
wx.hideNavigationBarLoading()
},
complete: function () {
wx.hideNavigationBarLoading()
},
})
});
return promise;
},
nowDate() {
let date = new Date();
let month = date.getMonth() + 1;
let day = date.getDate();
return date.getFullYear() + '年' + (month > 9 ? month : ('0' + month)) + '月' + (day > 9 ? day : ('0' + day)) + '日';
},
newnowDate() {
let date = new Date();
let month = date.getMonth() + 1;
let day = date.getDate();
return date.getFullYear() + '-' + (month > 9 ? month : ('0' + month)) + '-' + (day > 9 ? day : ('0' + day));
},
initDate(a) {
let date1 = new Date();
let time1 = date1.getFullYear() + "年" + (date1.getMonth() + 1) + "月" + date1.getDate() + '日';
let date2 = new Date(date1);
date2.setDate(date1.getDate() + a);
let time2 = date2.getFullYear() + "年" + (date2.getMonth() + 1) + "月" + date2.getDate() + '日';
return time2;
},
globalData: {
userInfo: null,
url:'http://winesbook.cn/static/images_mini/'
}
})
\ No newline at end of file
... ...
{
"pages": [
"pages/login/login",
"pages/homapage/homepage",
"pages/find/find",
"pages/index/index",
"pages/logs/logs",
"pages/mine/mine",
"pages/myblock/personpage/personpage",
"pages/homeblock/search/search",
"pages/homeblock/brandlist/brandlist",
"pages/homeblock/brandpage/brandpage",
"pages/homeblock/companyintro/companyintro",
"pages/homeblock/zhinengselect/zhinengselect",
"pages/homeblock/shipaiimg/shipaiimg",
"pages/homeblock/guanimg/guanimg",
"pages/homeblock/shortvideo/shortvideo",
"pages/homeblock/niangjiuteacher/niangjiuteacher",
"pages/homeblock/jiuzidian/jiuzidian",
"pages/homeblock/evalute/evalute",
"pages/homeblock/evalutecontent/evalutecontent",
"pages/myblock/zhanghaoyuanquan/zhanghaoyuanquan",
"pages/myblock/zhanghaobangding/zhanghaobangding",
"pages/myblock/huanbangshouji/huanbangshouji",
"pages/myblock/guanzhu/guanzhu",
"pages/myblock/pinglun/pinglun",
"pages/enteryanzheng/enteryanzheng",
"pages/forgetmima/forgetmima",
"pages/wanshangeren/wanshangeren",
"pages/peopleinfo/peopleinfo"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "",
"navigationBarTextStyle": "black"
},
"tabBar": {
"selectedColor": "#FF8839",
"list": [
{
"pagePath": "pages/homapage/homepage",
"text": "酒字典",
"selectedColor": "#E81825",
"iconPath": "img/nav_01x.png",
"selectedIconPath": "img/nav_05x.png"
},
{
"pagePath": "pages/find/find",
"text": "发现",
"selectedColor": "#E81825",
"iconPath": "img/nav_06x.png",
"selectedIconPath": "img/nav_02x.png"
},
{
"pagePath": "pages/mine/mine",
"text": "我的",
"selectedColor": "#E81825",
"iconPath": "img/nav_03x.png",
"selectedIconPath": "img/nav_04x.png"
}
]
},
"sitemapLocation": "sitemap.json"
}
\ No newline at end of file
... ...
@font-face {font-family: "iconfont";
src: url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.eot?t=1557490149623'); /* IE9 */
src: url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.eot?t=1557490149623#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAJ4AAsAAAAABiAAAAItAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAooRwE2AiQDCAsGAAQgBYRtBzEbbgXInpo8CQBIEAKw5OZZAMTD9/v9b+1zz1NNXxTzaBJFExlPJNEqFptWpnvEM0P7d//nMgdo757P88fyFNGAfSG/5fSl6QDVnJ5SE3ITbm/9Qwq8v752fZ5r6iXQgeQHmmsHRSUlBdDeeEAD7MLRkW0gQ98wdsELfE6gaU5P6ejxkxtoyux1gbhx1bOgWYjKMivUhWrD0Sxeqainx+kDXkbfj792RZ2kUrBbTl1auzD7wSkpHpWPXAwIMQI6XUGBLUAmzjVmT6gIxlU0s1VL4FiNwQ9lGXjEUZ2C/XV2fRvMwFzwg7dWgASPRRluT1KAqN49Re6l1+3sX7v38OPlfx0EKN+ntcoB8qvg1rf+6+39V29l8PFPvkfh8n02zA/q6/mC91cPHMiG1nanrKkbx5Pqftuamijh4NDvVNvkZMVQN5ngr5nNUKhbITO7BRUte1BVdwBNm21Pt4yIisgNbPIJEPq+kHS9RqHvm8zsDyqm/lDVjwJNF2J0Zcu6uNo8cpMsJRftJwwcTo3r1XbceEVeEVuS10b8HUkeJHC8bUe5sKWUZIkd+b03UTVohBPcgNcojhkz4ZAcHfiq2XS4/VKTQgOHE2g7QhCLIi5ke4ICDpYywWTVrnz+CvEUYhbp6Kur3iEiF8yOxgZGA8itKR3U9yjv5O55JpQykCFYAm3AIhKLMZQ1LwoRhxrwJ6QzU0NnlBlqGmxvSf7uFDTZ9hTO3ELt2lUrVS4AAAA=') format('woff2'),
url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.woff?t=1557490149623') format('woff'),
url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.ttf?t=1557490149623') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('//at.alicdn.com/t/font_1185667_ds07xvngh3k.svg?t=1557490149623#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-jiantou:before {
content: "\e63f";
}
image{
width:100%;
height:100%;
}
/* 遮罩层 */
.register{
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
top:180rpx;
left:0;
right:0;
z-index: 5;
}
/* 箭头样式 */
.listrow{
color:#999999;
font-size: 24rpx;
}
/* 星星图片 */
.starimg{
width:34rpx;
height:32rpx;
font-size: 0
}
.redrow{
width:12rpx;
height:25rpx;
font-size: 0
}
/* 关注 */
.atten{
width:100rpx;
height:50rpx;
background:rgba(232,24,37,1);
border-radius:2rpx;
font-size: 26rpx;
color:#fff;
text-align: center;
line-height: 50rpx;
}
/* 上三角 */
.boxright{
width:26rpx;
height:15rpx;
font-size: 0
}
\ No newline at end of file
... ...
// pages/enteryanzheng/enteryanzheng.js
let interval = null;
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
Length: 6, //输入框个数
isFocus: true, //聚焦
Value: "", //输入的内容
ispassword: true,
currentTime: 60,
time:'',
phonenum:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log(options.phonenum)
this.setData({
phonenum:options.phonenum
})
this.getcode()
},
//获取验证码
getcode(){
let that = this;
let currentTime = that.data.currentTime;
that.setData({
disable: true
})
interval = setInterval(function () {
currentTime--;
that.setData({
time: currentTime + 's后再次发送',
})
if (currentTime <= 0) {
clearInterval(interval)
that.setData({
time: '重新发送',
currentTime: 61,
disable: false
})
}
}, 1000)
var url = '/user/Profile/getCode';
var params = {
mobile: that.data.phonenum,
}
app.post(url, params).then((res) => {
console.log(res);
if (res.code) {
}
}).catch((err) => {
console.log(err)
wx.showToast({
title: err.ResultMsg,
icon: "none"
})
})
},
entercode(){
if (this.data.time == '重新发送'){
this.getcode()
}
},
Focus(e) {
var that = this;
let arr=that.data.arr;
console.log(e.detail.value.length);
// arr.push(e.detail.value);
// console.log(arr.length)
var inputValue = e.detail.value;
that.setData({
Value: inputValue,
len: e.detail.value.length
})
if (that.data.Value.length==6){
that.yanzhenglogin()
}
},
yanzhenglogin(){
let that=this;
var url = '/user/Profile/bind_mobile';
var params = {
mobile: that.data.phonenum,
verification_code:that.data.Value
}
app.post(url, params).then((res) => {
console.log(res);
wx.setStorageSync('token', res.token)
wx.switchTab({
url: '/pages/homapage/homepage',
})
}).catch((err) => {
console.log(err)
wx.showToast({
title: err.data.msg,
icon: "none"
})
})
},
Tap() {
var that = this;
that.setData({
isFocus: true,
})
},
formSubmit(e) {
console.log(e.detail.value.password);
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "输入验证码"
}
\ No newline at end of file
... ...
<view class="yanzhengma">验证码已发送至+86 {{phonenum}}</view>
<form bindsubmit="formSubmit">
<view class='content'>
<block wx:for="{{Length}}" wx:key="item">
<input class='iptbox' value="{{Value.length>=index+1?Value[index]:''}}" disabled password='{{ispassword}}' catchtap='Tap'></input>
</block>
</view>
<input name="password" password="{{true}}" class='ipt' maxlength="{{Length}}" focus="{{isFocus}}" bindinput="Focus"></input>
<view class="daojishi" bindtap="entercode">{{time}}</view>
<view class="unrigester">未注册用户登录时自动创建账号，且代表您已同意</view>
<view class="xieyi">《用户协议》</view>
<!-- <view>
<button class="btn-area" formType="submit">Submit</button>
</view> -->
</form>
... ...
.yanzhengma{
color:#1A1A1A;
font-size: 28rpx;
text-align: center;
margin-top:108rpx;
}
.content{
display: flex;
width:570rpx;
margin:0 auto;
justify-content: center;
align-items: center;
margin-top: 72rpx;
}
.iptbox{
width: 66rpx;
height: 80rpx;
border-bottom:1rpx solid #E81825;
margin-left:28rpx;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.xieyi{
color:#E81825;
font-size: 24rpx;
width:528rpx;
text-align: left;
margin:10rpx auto 0;
}
.ipt{
width: 0;
height: 0;
}
.btn-area{
width: 80%;
background-color: orange;
color:white;
}
.daojishi{
color:#999999;
font-size: 24rpx;
text-align: right;
margin-right:105rpx;
}
.unrigester{
width:528rpx;
color:#999999;
font-size: 24rpx;
text-align: center;
margin:59rpx auto 0;
}
\ No newline at end of file
... ...
// pages/find/find.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
imgUrls: ['http://winesbook.cn/static/images_mini/aicon_60@2x.png',
'http://winesbook.cn/static/images_mini/aicon_60@2x.png'
],
indicatorDots: false,
autoplay: false,
interval: 2000,
duration: 1000,
currentSwiper: 0,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
swiperChange: function (e) {
this.setData({
currentSwiper: e.detail.current
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "发现"
}
\ No newline at end of file
... ...
<view class="swiper_image">
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" class="swiper_item_img" bindchange="swiperChange">
<block wx:for="{{imgUrls}}" wx:key="doct">
<swiper-item style="border-radius:10px;">
<image src="{{item}}" data-index='{{index}}' class="slide-image" bindtap='viewImg' width="355" height="150" />
</swiper-item>
</block>
</swiper>
<view class="dots">
<block wx:for="{{imgUrls}}" wx:key="">
<view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
</block>
</view>
</view>
<view class="middlehead">
<view class="rilihead">
<view class="rili">
<image src="{{url}}aicon_62x.png"></image>
</view>
<view class="every">
<image src="{{url}}aicon_63x.png"></image>
</view>
</view>
<view class="more">
<view class="moreword">更多</view>
<view class="moreimg">
<image src="{{url}}aicon_61x.png"></image>
</view>
</view>
</view>
<view class="tast">
<view class="tastimg">
<image src="{{url}}aicon_25@2x.png"></image>
</view>
<view class="tastcontent">
<view class="tasttitle">石库门·海上繁华</view>
<view class="tasttext">海派风味:开坛飘香，入口爽滑</view>
</view>
</view>
<view class="wineblock">
<view class="middlehead">
<view class="rilihead">
<view class="rili">
<image src="{{url}}aicon_46x.png"></image>
</view>
<view class="jiudan">
酒单推荐
</view>
</view>
<view class="more">
<view class="moreword">更多</view>
<view class="moreimg">
<image src="{{url}}aicon_61x.png"></image>
</view>
</view>
</view>
<view class="winetitle">年轻人生日party必备酒单</view>
<view class="wineimg">
<image src="{{url}}aicon_64.png"></image>
</view>
<view class="winebottom">
<view class="winebottomleft">
<view class="winebottomleftimg">
<image src="{{url}}aicon_65x.png"></image>
</view>
<view class="wineeng">WinesBook</view>
</view>
<view class="winebottonright">
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_66x.png"></image>
</view>
<view class="winezan">18</view>
</view>
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_67x.png"></image>
</view>
<view class="winezan">54</view>
</view>
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_68x.png"></image>
</view>
</view>
</view>
</view>
</view>
<view class="wineblock">
<view class="middlehead">
<view class="rilihead">
<view class="pin">
<image src="{{url}}aicon_69x.png"></image>
</view>
<view class="jiudan">
专家品酒
</view>
</view>
<view class="more">
<view class="moreword">更多</view>
<view class="moreimg">
<image src="{{url}}aicon_61x.png"></image>
</view>
</view>
</view>
<view class="winetitle">浓香酒酿酒大师：沈才宏</view>
<view class="wineimg">
<image src="{{url}}aicon_64.png"></image>
</view>
<view class="winebottom">
<view class="winebottomleft">
<view class="winebottomleftimg">
<image src="{{url}}aicon_65x.png"></image>
</view>
<view class="wineeng">WinesBook</view>
</view>
<view class="winebottonright">
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_66x.png"></image>
</view>
<view class="winezan">18</view>
</view>
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_67x.png"></image>
</view>
<view class="winezan">54</view>
</view>
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_68x.png"></image>
</view>
</view>
</view>
</view>
</view>
<view class="wineblock">
<view class="middlehead">
<view class="rilihead">
<view class="rili">
<image src="{{url}}aicon_72x.png"></image>
</view>
<view class="jiudan">
酿酒大师
</view>
</view>
<view class="more">
<view class="moreword">更多</view>
<view class="moreimg">
<image src="{{url}}aicon_61x.png"></image>
</view>
</view>
</view>
<view class="winetitle">浓香酒酿酒大师：沈才宏</view>
<view class="wineimg">
<image src="{{url}}aicon_64.png"></image>
</view>
<view class="winebottom">
<view class="winebottomleft">
<view class="winebottomleftimg">
<image src="{{url}}aicon_65x.png"></image>
</view>
<view class="wineeng">WinesBook</view>
</view>
<view class="winebottonright">
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_66x.png"></image>
</view>
<view class="winezan">18</view>
</view>
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_67x.png"></image>
</view>
<view class="winezan">54</view>
</view>
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_68x.png"></image>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
.swiper_image{
width:750rpx;
height:300rpx;
font-size: 0;
position: relative
}
.swiper_item_img{
height:300rpx;
}
.swiper_image image{
width:100%;
height:100%;
/* box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11); */
border-radius:10px;
}
.swiper_item_img swiper-item{
width:750rpx;
height:300rpx;
}
.swiper_item_img swiper-item image{
width:100%;
height:100%;
}
.dots{
/* width: 156rpx; */
height: 36rpx;
display: flex;
flex-direction: row;
position: absolute;
justify-content: center;
align-items: center;
left: 0;
right:0;
bottom: 20rpx;
}
/*未选中时的小圆点样式 */
.dot{
width: 10rpx;
height: 10rpx;
border-radius: 50%;
margin-right: 26rpx;
background-color:#000000
}
/*选中以后的小圆点样式 */
.active{
width: 10rpx;
height: 10rpx;
border-radius:50%;
background-color: #E81825;
}
image{
width:100%;
height:100%;
}
.middlehead{
display:flex;
justify-content: space-between;
align-items: center;
padding: 34rpx 32rpx;
box-sizing: border-box;
}
.rilihead{
display:flex;
align-items: center;
justify-content: space-between;
}
.rili{
width:26rpx;
height:26rpx;
font-size: 0
}
.every{
width:202rpx;
height:30rpx;
font-size: 0;
margin-left: 8rpx;
}
.more{
display:flex;
align-items: center;
justify-content: center;
}
.moreword{
font-size: 26rpx;
color:#999999
}
.moreimg{
width:10rpx;
height:18rpx;
font-size: 0;
margin-left:15rpx;
}
.tast{
display:flex;
align-items: center;
border-bottom:14rpx solid #F2F2F2;
padding-bottom: 30rpx;
}
.tastimg{
width:80rpx;
height:80rpx;
font-size: 0;
margin-left:62rpx;
}
.tastcontent{
margin-left:32rpx;
}
.tasttitle{
color:#1A1A1A;
font-size:28rpx;
}
.tasttext{
color:#999999;
font-size: 24rpx;
margin-top:24rpx;
}
.jiudan{
font-size: 32rpx;
color:#1A1A1A;
font-weight: bold;
margin-left:8rpx;
}
.winetitle{
color:#1A1A1A;
font-size: 28rpx;
margin-left:36rpx
}
.wineimg{
width:686rpx;
height:300rpx;
margin:30rpx auto 0;
}
.winebottom{
display:flex;
justify-content: space-between;
align-items: center;
padding: 0 32rpx;
box-sizing: border-box;
margin-top:30rpx;
}
.winebottomleftimg{
width:60rpx;
height:60rpx;
font-size: 0
}
.winebottomleft{
display:flex;
align-items: center
}
.winebottonright{
width:345rpx;
display:flex;
align-items: center;
justify-content: space-around
}
.winerighttouimg{
width:30rpx;
height:28rpx;
font-size: 0
}
.winerighttou{
display:flex;
align-items: center
}
.wineeng{
color:#666666;
font-size: 28rpx;
margin-left: 20rpx;
}
.winezan{
color:#666666;
font-size:28rpx;
margin-left:5rpx;
}
.wineblock{
border-bottom: 14rpx solid #F2F2F2;
padding-bottom: 30rpx;
}
.pin{
width:16rpx;
height:32rpx;
font-size: 0
}
\ No newline at end of file
... ...
// pages/forgetmima/forgetmima.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
first:true,
second:false,
url:'',
phone:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
enterphone(e){
this.setData({
phone:e.detail.value
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "忘记密码"
}
\ No newline at end of file
... ...
<view wx:if="{{first}}">
<view class="yanzheng">
<view class="yanzhengleft">
<view class="pho">+86</view>
<view class="rowimg">
<image src="{{url}}/aicon_53x.png"></image>
</view>
</view>
<view class="yanzhengmiddle">
<input placeholder='请输入手机号' placeholder-class='enterphone' bindinput="enterphone" type="number"/>
</view>
<view class="chaimg">
<image src="{{url}}/aicon_07x.png"></image>
</view>
</view>
<view class="safe">为了安全,我们会向您的手机发送验证码</view>
<view class="login">下一步</view>
</view>
<view wx:if="{{second}}">
<view class="yanzheng ">
<view class="yanzhengmiddle">
<input placeholder='请输入验证码' placeholder-class='enterphone' />
</view>
<view class="fasong">重新发送52</view>
</view>
<view class="yanzheng mima">
<view class="yanzhengmiddle yanzhengma">
<input placeholder='设置新密码' placeholder-class='enterphone' />
</view>
<view class="mimaimg">
<view class="eyeimg">
<image src="{{url}}/bicon_13x.png"></image>
</view>
</view>
</view>
<view class="entermimacode">需要有6-20位数字、字母或符号组成</view>
<view class="login">登录</view>
</view>
... ...
page {
background: #f2f2f2;
}
.headtitle {
color: #e81825;
font-size: 48rpx;
text-align: center;
font-weight: bold;
margin-top: 45rpx;
}
.logintitle {
display: flex;
align-items: center;
justify-content: center;
margin-top: 70rpx;
}
.loginleft {
color: #999;
font-size: 34rpx;
position: relative;
width: 185rpx;
text-align: center;
}
.loginright {
color: #999;
font-size: 34rpx;
margin-left: 109rpx;
position: relative;
width: 170rpx;
text-align: center;
}
.loginactive::after {
content: '';
width: 60rpx;
height: 4rpx;
background: rgba(232, 24, 37, 1);
position: absolute;
bottom: -10rpx;
left: 30%;
}
.yanzhengleft {
display: flex;
align-items: center;
padding-right: 20rpx;
border-right: 1rpx solid #f5f5f5;
}
.yanzhengmiddle {
width: 285rpx;
color: #999;
font-size: 30rpx;
border-right:1rpx solid #f5f5f5;
}
.pho {
color: #1a1a1a;
font-size: 30rpx;
}
.rowimg {
width: 18rpx;
height: 10rpx;
font-size: 0;
margin-left: 10rpx;
}
.chaimg {
width: 26rpx;
height: 26rpx;
font-size: 0;
margin-left: 66rpx;
}
.yanzheng {
display: flex;
align-items: center;
padding: 30rpx 39rpx;
box-sizing: border-box;
background: #fff;
width: 540rpx;
margin: 107rpx auto 0;
}
.login {
width: 540rpx;
height: 100rpx;
background: #CCCCCC;
border-radius: 50rpx;
text-align: center;
line-height: 100rpx;
color: #fff;
font-size: 30rpx;
margin: 74rpx auto 0;
}
.firlogin {
color: #999;
font-size: 24rpx;
text-align: center;
margin-top: 26rpx;
}
.enterphone {
color: #999;
font-size: 30rpx;
width: 300rpx;
}
.mima {
margin-top: 32rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.mimaimg{
display:flex;
align-items: center
}
.yanzhengma {
margin-left: 0;
}
.eyeimg{
width:34rpx;
height:21rpx;
font-size: 0;
margin-left:30rpx;
}
.forgetmima{
color:#666666;
font-size: 28rpx;
text-align: right;
margin:33rpx 104rpx 0 0 ;
}
.safe{
color:#999999;
font-size: 24rpx;
width:540rpx;
margin:32rpx auto 0;
}
.fasong{
color:#CCCCCC;
font-size: 24rpx;
margin-left:27rpx;
}
.entermimacode{
color:#999999;
font-size: 24rpx;
text-align: center;
margin-top:33rpx;
}
\ No newline at end of file
... ...
// pages/homapage/homepage.js
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
url: '',
shai: false,
letter: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"],
cityListId: '',
//下面是城市列表信息，这里只是模拟数据
citylist: [{
"letter": "A",
"data": [{
"id": "v7",
"cityName": "安徽"
}]
}, {
"letter": "B",
"data": [{
"id": "v10",
"cityName": "巴中"
}, {
"id": "v4",
"cityName": "包头"
}, {
"id": "v1",
"cityName": "北京"
}]
}, {
"letter": "C",
"data": [{
"id": "v15",
"cityName": "成都"
}]
}, {
"letter": "D",
"data": [{
"id": "v21",
"cityName": "稻城"
}]
}, {
"letter": "G",
"data": [{
"id": "v17",
"cityName": "广州"
}, {
"id": "v29",
"cityName": "桂林"
}]
}, {
"letter": "H",
"data": [{
"id": "v9",
"cityName": "海南"
}, {
"id": "v3",
"cityName": "呼和浩特"
}]
}, {
"letter": "L",
"data": [{
"id": "v24",
"cityName": "洛阳"
}, {
"id": "v20",
"cityName": "拉萨"
}, {
"id": "v14",
"cityName": "丽江"
}]
}, {
"letter": "M",
"data": [{
"id": "v13",
"cityName": "眉山"
}]
}, {
"letter": "N",
"data": [{
"id": "v27",
"cityName": "南京"
}]
}, {
"letter": "S",
"data": [{
"id": "v18",
"cityName": "三亚"
}, {
"id": "v2",
"cityName": "上海"
}]
}, {
"letter": "T",
"data": [{
"id": "v5",
"cityName": "天津"
}]
}, {
"letter": "W",
"data": [{
"id": "v12",
"cityName": "乌鲁木齐"
}, {
"id": "v25",
"cityName": "武汉"
}]
}, {
"letter": "X",
"data": [{
"id": "v23",
"cityName": "西安"
}, {
"id": "v28",
"cityName": "香港"
}, {
"id": "v19",
"cityName": "厦门"
}]
}, {
"letter": "Z",
"data": [{
"id": "v8",
"cityName": "张家口"
}]
}],
//下面是热门城市数据，模拟数据
newcity: ['北京', '上海', '广州', '深圳', '成都', '杭州'],
// citySel: '全国',
locateCity: '',
type: "",
record: '',
showcountry: false,
showcity: false,
countrylist: [],
citylist: [],
sort_id: '',
country: '',
city: "",
region: '',
odor_id: "",
kindlist: [{
type: 1,
name: '品类',
sle: false
}, {
type: 2,
name: '国别',
sle: false
}, {
type: 3,
name: '产区',
sle: false
}, {
type: 4,
name: '香型',
sle: false
}],
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
this.setData({
url: app.globalData.url
})
console.log(this.data.url)
this.getshailist();
this.gethomeindex()
},
letterTap(e) {
console.log(e)
const Item = e.currentTarget.dataset.item;
console.log(Item)
this.setData({
cityListId: Item
});
console.log("..............." + this.data.cityListId);
},
//获取筛选内容
getshailist() {
let that = this;
var url = "/index/Index/filter"
var params = {
}
app.post(url, params).then((res) => {
that.setData({
record: res.wine_count.dataset,
citylist: res.region
})
if (that.data.type == 1) {
that.setData({
shaikind: res.sort
})
} else if (that.data.type == 2) {
that.setData({
countrylist: res.country
})
let newcountrylist = that.data.countrylist;
for (var obj of newcountrylist) {
obj.sel = false
}
} else if (that.data.type == 3) {
that.setData({
shaikind: res.region
})
} else if (that.data.type == 4) {
that.setData({
shaikind: res.odor
})
}
let newshaikind = that.data.shaikind;
for (var obj of newshaikind) {
obj.sel = false
}
that.setData({
shaikind: newshaikind
})
let newnewshaikind = that.data.shaikind;
for (var obj of newnewshaikind) {
if (that.data.type == 1) {
if (obj.id == that.data.sort_id) {
obj.sel = true
}
} else if (that.data.type == 4) {
if (obj.id == that.data.odor_id) {
obj.sel = true
}
}
}
that.setData({
shaikind: newnewshaikind
})
}).catch((err) => {
})
},
// 点击筛选
shaikind(e) {
let that = this;
let type = e.currentTarget.dataset.type
that.setData({
type: e.currentTarget.dataset.type,
// shai: true
})
if (type == 2) {
that.setData({
shai: false,
showcountry: true
})
}
let newkindlist = that.data.kindlist;
for (var obj of newkindlist) {
if (obj.type == type) {
obj.sel = !obj.sel;
if (obj.sel == true) {
that.setData({
shai: true,
})
} else {
that.setData({
shai: false,
})
}
} else {
obj.sel = false
}
}
that.setData({
kindlist: newkindlist
})
that.getshailist();
},
//选择类别
selectkind(e) {
let id = e.currentTarget.dataset.id;
console.log(id)
let newshaikind = this.data.shaikind;
for (var obj of newshaikind) {
if (obj.id == id) {
obj.sel = !obj.sel
} else {
obj.sel = false
}
if (this.data.type == 1) {
if (obj.sel == true) {
this.setData({
sort_id: obj.id
})
}
} else if (this.data.type == 4) {
if (obj.sel == true) {
this.setData({
odor_id: obj.id
})
}
}
}
this.setData({
shaikind: newshaikind
})
// this.setData({
// shai:false
// })
},
hideregister() {
this.setData({
shai: false
})
let newkindlist = this.data.kindlist;
for (var obj of newkindlist) {
obj.sel = false;
}
this.setData({
kindlist: newkindlist
})
},
//筛选首页内容
gethomeindex() {
let that = this;
var url = "/index/Index/index"
var params = {
sort_id: that.data.sort_id,
country: that.data.country,
city: that.data.city,
region: that.data.region,
odor_id: that.data.odor_id
}
app.post(url, params).then((res) => {
console.log(res);
that.setData({
newcity: res.top,
citylist: res.brand_list
})
let newbrand_list = that.data.citylist;
}).catch((err) => {
console.log(err)
})
},
// 选择城市
selectcountry(e) {
let countryid = e.currentTarget.dataset.id;
let newcountrylist = this.data.countrylist;
for (var obj of newcountrylist) {
obj.sel = !obj.sel;
if (obj.sel == true) {
if (obj.id == countryid) {
let newkindlist = this.data.kindlist;
newkindlist[1].name = obj.country_name
this.setData({
kindlist: newkindlist
})
} else {
obj.sel = false
}
}
}
this.setData({
countrylist: newcountrylist
})
},
countrysure() {
this.setData({
showcountry: false,
shai:false
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function() {
// this.getshailist()
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function() {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#E81825"
}
\ No newline at end of file
... ...
<!-- 种类的遮罩层 -->
<view class="register" wx:if="{{shai}}" bindtap="hideregister">
<view class="registerwrap">
<view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==1}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.sort_name}}</view>
<view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==2}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.country_name}}</view>
<view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==3}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.region_name}}</view>
<view class="registeritem {{item.sel==true?'selact':''}}" wx:for="{{shaikind}}" wx:key="" wx:if="{{type==4}}" data-id="{{item.id}}" catchtap='selectkind'>{{item.odor_name}}</view>
</view>
</view>
<!-- 国家遮罩层 -->
<view class="cregister" wx:if="{{showcountry}}">
<view class="quehead">
<view class="backrow"></view>
<view class="selcoun">选择国别</view>
<view class="cqueding" bindtap="countrysure">确定</view>
</view>
<view class="countryitem" wx:for="{{countrylist}}" wx:key="" data-name="{{item.country_name}}" bindtap="selectcountry" data-id="{{item.id}}">
<view class="selcounitem" >{{item.country_name}}</view>
<view class="gouimg" wx:if="{{item.sel==true}}">
<image src="{{url}}/aicon_18x.png"></image>
</view>
</view>
</view>
<!-- 城市遮罩层 -->
<view class="cregister" wx:if="{{showcity}}">
<view class="quehead">
<view class="backrow"></view>
<view class="selcoun">选择城市</view>
<view class="cqueding">确定</view>
</view>
<view class="selcounitem" wx:for="{{citylist}}" wx:key="" data-name="{{item.country_name}}" bindtap="selectcountry">{{item.city}}</view>
</view>
<view class="heatop">
<view class="head">
<view class="address">
<view class="addressimg">
<image src='{{url}}bicon_01x.png'></image>
</view>
<view class="addressname">天津</view>
</view>
<view class="headmiddle">
<view class="searchimg">
<image src="{{url}}aicon_04@2x.png"></image>
</view>
<view class="searchinput">
<input placeholder='已收录298653款酒品' placeholder-class='seachenter' value="{{record}}" />
</view>
<view class="saoma">
<image src="{{url}}bicon_04@2x.png"></image>
</view>
</view>
<view class="address">
<view class="shaixuan">
<image src='{{url}}bicon_02@2x.png'></image>
</view>
<view class="addressname shai">筛选</view>
</view>
</view>
<!-- 筛选 -->
<view class="shaisel">
<view class="shaikind" bindtap="shaikind" data-type="{{item.type}}" wx:for="{{kindlist}}" wx:key="">
<view class="shaikindname">{{item.name}}</view>
<view class="shaikindimg">
<image src="{{url}}bicon_06x.png" wx:if="{{item.sel==true}}"></image>
<image src="{{url}}bicon_05x.png" wx:else></image>
</view>
</view>
</view>
<!-- <view class="hot">
<view class="hotimg">
<image src="{{url}}bicon_08@2x.png"></image>
</view>
<view class="hotzi">
<image src="{{url}}bicon_07@2x.png"></image>
</view>
</view> -->
</view>
<view class='city_box'>
<view class='city_left'>
<scroll-view scroll-y style='width:100%;height:100%;' scroll-with-animation scroll-into-view='{{cityListId}}'>
<view class="hot">
<view class="hotimg">
<image src="{{url}}bicon_08@2x.png"></image>
</view>
<view class="hotzi">
<image src="{{url}}bicon_07@2x.png"></image>
</view>
</view>
<view class='new_city'>
<view class='new_city_box'>
<view class='new_city_text' wx:for='{{newcity}}' wx:key='this' data-types='new' catchtap='cityTap' data-val='{{item}}'>
<view class="hotgood">
<view class="imgleft">
<image src="{{item.logo}}"></image>
</view>
<view class="contentright">
<view class="contenttop">{{item.name}}</view>
<view class="contenbottom">
<text class="textname">{{item.sort_name}}</text>
<text class="textname">{{item.country}}</text>
<text class="textname">{{item.city}}</text>
<text class="textname">{{item.odor_name}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class='city_list_box'>
<block wx:for='{{citylist}}' wx:key='this' wx:for-item='letterItem' wx:for-index='letterIndex'>
<view class='city_first_letter' id='{{letterItem.name}}'>{{letterItem.name}}</view>
<!-- {{item.cityName}} -->
<view class='city_name' wx:for='{{letterItem.list}}' id='{{letterItem.name}}' wx:key='this' data-types='list' catchtap='cityTap' data-index='{{index}}' data-val='{{item}}'>
<view class="imgleft">
<image src="{{item.logo}}"></image>
</view>
<view class="contentright">
<view class="contenttop">{{item.name}}</view>
<view class="contenbottom">
<text class="textname">{{item.sort_name}}</text>
<text class="textname">{{item.country}}</text>
<text class="textname"> {{item.city}} </text>
<text class="textname">{{item.odor_name}}</text> </view>
</view>
</view>
</block>
</view>
</scroll-view>
</view>
<view class='city_right'>
<text class='letter_item' wx:for='{{letter}}' wx:key='this' catchtap='letterTap' data-item='{{item}}'>{{item}}</text>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #F2F2F2;
/* overflow-y: hidden;
margin-bottom: 200rpx; */
}
.heatop{
width:750rpx;
position: fixed;
top:0;
left:0;
z-index:888
}
.head{
height:80rpx;
background: #E81825;
display:flex;
justify-content: center;
align-items: center
}
.hotgood{
display:flex;
align-items: center;
padding: 28rpx;
box-sizing: border-box;
border-bottom:1px solid #efefef
}
.address{
display:flex;
align-items: center;
justify-content: center;
}
.addressimg{
width:20rpx;
height:26rpx;
font-size: 0
}
.addressimg image{
width:100%;
height:100%;
}
.addressname{
color:#fff;
font-size: 28rpx;
margin-left:8rpx;
}
.searchinput{
color:#B3B3B3;
font-size: 26rpx;
margin-left:20rpx;
}
.seachenter{
color:#B3B3B3;
font-size: 26rpx;
}
.searchimg{
width:28rpx;
height:28rpx;
font-size: 0
}
.saoma{
width:38rpx;
height:36rpx;
font-size: 0;
margin-left:20rpx;
}
image{
width:100%;
height:100%;
}
.headmiddle{
width:460rpx;
height:80rpx;
background: #fff;
display:flex;
padding: 0 24rpx;
box-sizing: border-box;
align-items: center;
margin-left:27rpx;
}
.shaixuan{
width:58rpx;
height:54rpx;
font-size: 0;
margin-left:27rpx;
}
.shai{
margin:29rpx 0 0 -10rpx;
}
.shaisel{
height:100rpx;
background: #E81825;
}
.shaikindimg{
width:14rpx;
height:10rpx;
font-size: 0
}
.shaikind{
display:flex;
align-items: center;
justify-content: center;
}
.shaisel{
display:flex;
justify-content: space-around;
align-items: center;
}
.shaikindname{
color:#FFFFFF;
font-size: 28rpx;
}
.shaikindimg{
margin-left:8rpx;
}
.hot{
display:flex;
align-items: center;
padding: 35rpx 32rpx;
box-sizing: border-box;
background: #F2F2F2
}
.hotimg{
width:20rpx;
height:28rpx;
font-size: 0
}
.hotzi{
width:250rpx;
height:35rpx;
font-size: 0;
margin-left:8rpx;
}
/* 遮罩层 */
.register{
/* margin-top:182rpx; */
}
.quehead{
display:flex;
justify-content: space-between;
align-items: center;
padding: 0 32rpx;
box-sizing: border-box
}
.backrow{
width:100rpx;
height:100rpx;
}
.selcoun{
color:#333;
font-size: 32rpx;
}
.cqueding{
color:#E81825;
font-size:32rpx;
}
.cregister{
width: 100%;
height: 100%;
background: #fff;
position:fixed;
top:0rpx;
left:0;
right:0;
z-index: 999;
padding: 0 32rpx;
box-sizing: border-box;
overflow-y: scroll
}
.registerwrap{
width:750rpx;
background: #ffffff;
position: absolute;
z-index: 99;
top:0rpx;
left:0;
/* transform: translate(-50%,-50%); */
display:flex;
flex-wrap: wrap
}
.selcounitem{
color:#333;
font-size: 30rpx;
height: 100rpx;
border-bottom:1rpx solid #f5f5f5;
line-height: 100rpx;
}
.registeritem{
color:#666666;
font-size: 30rpx;
padding: 21rpx;
box-sizing: border-box;
margin-left:20rpx;
line-height: 1
}
.imgleft{
width:52rpx;
height:73rpx;
font-size: 0
}
image{
width:100%;
height:100%;
}
.contenttop{
color:#1A1A1A;
font-size: 28rpx;
}
.contenbottom{
color:#999999;
font-size: 24rpx;
}
.contentright{
margin-left:34rpx;
}
page{
height:100%
}
.city_box{
height:100%;
background: #fff;
display: flex;
margin-top:187rpx;
}
.city_left{
flex: 1;
}
.city_right{
width: 60rpx;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.letter_item{
flex: 1;
display: block;
font-size: 24rpx;
color: #33B9FF;
text-align: center;
}
.city_locate,.national{
height: 80rpx;
line-height: 80rpx;
border-bottom: 1px solid #efefef;
font-size: 28rpx;
color: #333;
padding-left: 25rpx;
}
.city_locate_title{
color: #999;
margin-right: 20rpx;
}
.new_city{
/* background: #efefef; */
font-size: 28rpx;
}
.new_city_title{
line-height: 50rpx;
color: #999;
padding-left: 25rpx;
margin-bottom: 20rpx;
}
.new_city_box{
/* display: flex;
flex-wrap: wrap; */
}
.new_city_text{
/* width: 200rpx; */
/* text-align: center;
line-height: 70rpx;
background: #fff;
border-radius: 35rpx;
margin:0 0 22rpx 22rpx; */
}
.city_first_letter{
line-height: 40rpx;
height: 40rpx;
padding-left: 25rpx;
font-size: 28rpx;
background: #eee;
color: #999;
}
.city_name{
display: flex;
align-items: center;
/* line-height: 80rpx;
height: 80rpx; */
padding: 28rpx;
box-sizing: border-box;
border-bottom: 1px solid #efefef;
font-size: 28rpx;
color: #333;
padding-left: 25rpx;
}
.textname{
padding: 0 23rpx;
box-sizing: border-box;
border-right:1rpx solid #f5f5f5;
}
.textname:first-child{
padding-left:0;
}
.textname:last-child{
border-right:none;
}
.selact{
color:#E81825
}
.countryitem{
display: flex;
align-items: center;
justify-content: space-between
}
.gouimg{
width:50rpx;
height:40rpx;
font-size: 0
}
\ No newline at end of file
... ...
// pages/homeblock/brandlist/brandlist.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
navbar: ['在售','预售','停产在售','停售'],
currentTab: 0,
url:""
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
navbarTap: function (e) {
this.setData({
currentTab: e.currentTarget.dataset.idx,
parent_id: e.currentTarget.dataset.id,
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<view class="kindnav">
<view wx:for="{{navbar}}" data-idx="{{index}}" class="kindnav_item {{currentTab==index ? 'kindactive' : ''}}" wx:key="unique" bindtap="navbarTap" data-id="{{item.id}}">{{item}}
</view>
</view>
<view class="brandhead">
<view class="brandleft">
<view class="brandleftimg">
<image src="{{url}}aicon_19@2x.png"></image>
</view>
<view class="lefttitle">白云边</view>
<view class="starimg">
<image src="{{url}}aicon_09x.png"></image>
</view>
</view>
<view class="brandright">
<view class="rightname">品牌介绍</view>
<view class="redrow">
<image src="{{url}}aicon_26@2x.png"></image>
</view>
</view>
</view>
<view class="baiyun">白云边</view>
<view >
<view class="searchitem">
<view class="searchitemleft">
<view class="itemleftimg">
<image src="{{url}}aicon_11@2x.png"></image>
</view>
<view class="itemiddle">
<view class="itemidelename">泸州迎宾酒</view>
<view class="nambottom">
<text class="namebottomitem">53°</text>
<text class="namebottomitem">浓香型</text>
<text class="namebottomitem">53°</text>
<text class="namebottomitem">53°</text>
</view>
</view>
</view>
<view class="starimg">
<!-- aicon_010x.png -->
<image src="{{url}}aicon_09x.png"></image>
</view>
</view>
</view>
... ...
@import '../search/search.wxss';
page{
background: #F2F2F2
}
image{
width:100%;
height:100%;
}
.kindnav {
height: 80rpx;
display: flex;
justify-content: space-between;
text-align: center;
white-space: nowrap;
overflow-x: scroll;
align-items: center;
background: #fff;
font-size: 0;
border-bottom: 2rpx solid #f5f5f5;
padding: 0 32rpx;
}
.kindnav_item {
white-space: nowrap;
list-style: none;
font-size: 28rpx;
color: #8d8d8d;
width: auto;
padding: 0 36rpx;
position: relative;
}
.kindactive {
color: #E81825;
}
.kindactive:after {
display: block;
content: "";
width: 70rpx;
height: 4rpx;
background: #E81825;
position: absolute;
bottom: -20rpx;
left: 0;
right: 0;
margin: 0 auto;
}
.brandleftimg{
width:90rpx;
height:90rpx;
font-size: 0;
border-radius:50%;
}
.lefttitle{
color:#1A1A1A;
font-size: 36rpx;
margin-left:21rpx;
font-weight: bold;
}
.brandleft{
display:flex;
align-items: center
}
.brandhead{
display:flex;
justify-content: space-between;
align-items: center;
padding: 32rpx 32rpx;
box-sizing: border-box;
background: #fff;
}
.brandright{
display:flex;
align-items: center
}
.redrow{
margin-left:20rpx
}
.starimg{
margin-left:26rpx;
}
.rightname{
color:#E81825;
font-size: 26rpx;
}
.baiyun{
color:#666666;
font-size: 26rpx;
padding: 11rpx 31rpx;
box-sizing: border-box;
}
.searchitem{
background: #fff;
}
\ No newline at end of file
... ...
// pages/homeblock/brandpage/brandpage.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
url:""
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "品牌主页"
}
\ No newline at end of file
... ...
<view class="brandhead">
<image src="{{url}}aicon_21@2x.png"></image>
<view class="branditem">
<view class="branditemleft">
<view class="brandlimg">
<image src="{{url}}aicon_19@2x.png"></image>
</view>
<view class="brandname">白云边</view>
</view>
<view class="branditenright">收藏</view>
</view>
</view>
<view class="brandbottom">
<view class="brandboleft">
<text class="brandtitle">湖北白云边股份股份有限公司</text>
<view class="duigou">
<image src="{{url}}aicon_20x.png"></image>
</view>
</view>
<view class="atten">关注</view>
</view>
<view class="brandbox">
<view class="brandboxitem">
<view class="boxtop">
<view class="boxtopleft">
品牌简介
</view>
<view class="boxright">
<image src="{{url}}aicon_24x.png"></image>
</view>
</view>
<view class="brandtext">
湖北白云边集团（以下简称“集团”或“白云边集团”）是一家以酒业为龙头产业的多元化投资控股企业集团，总部位于湖北省武汉市。白云边集团下设7大战略业务单位，包括白酒、食品餐饮、钢铁制造、置业投资、酒店旅游、物流商贸、文化传播等。白云边集团的多元化业务具有良好的产业基础和市场竞争优势，其中白酒已建立行业领先地位。截止2017年，白云边集团总资产达80余亿元。
</view>
<view class="brandimg">
<image src="{{url}}aicon_23@2x.png"></image>
</view>
</view>
<view class="brandboxitem">
<view class="boxtop">
<view class="boxtopleft">
品牌文化
</view>
<view class="boxright">
<image src="{{url}}aicon_24x.png"></image>
</view>
</view>
<view class="brandimg">
<image src="{{url}}aicon_23@2x.png"></image>
</view>
</view>
</view>
\ No newline at end of file
... ...
.brandhead{
width:750rpx;
height:340rpx;
font-size: 0;
position: relative
}
image{
width:100%;
height:100%;
}
.branditem{
width:100%;
display:flex;
align-items: center;
justify-content: space-between;
padding: 0 32rpx;
box-sizing: border-box;
position: absolute;
top:125rpx;
}
.brandlimg{
width:90rpx;
height:90rpx;
font-size: 0;
}
.brandname{
color:#FFFFFF;
font-size: 36rpx;
margin-left:21rpx;
}
.branditemleft{
display:flex;
align-items: center
}
.branditenright{
width:100rpx;
height:50rpx;
background:rgba(255,255,255,1);
border-radius:2px;
color:#E81825;
font-size: 26rpx;
text-align: center;
line-height: 50rpx;
}
.brandbottom{
display:flex;
justify-content: space-between;
align-items: center;
padding: 31rpx 31rpx;
box-sizing:border-box;
border-bottom: 16rpx solid #F2F2F2
}
.brandtitle{
color:#1A1A1A;
font-size: 28rpx;
}
.duigou{
width:24rpx;
height:24rpx;
font-size: 0;
margin-left:8rpx;
}
.brandboleft{
display:flex;
align-items: center;
}
.brandboxitem{
padding: 32rpx;
box-sizing: border-box;
border-bottom:12rpx solid #F2F2F2
}
.boxtop{
display:flex;
justify-content: space-between;
align-items: center
}
.boxtopleft{
color:#1A1A1A;
font-size: 32rpx;
position: relative;
padding-left: 18rpx;
}
.boxtopleft::before{
position: absolute;
top:10rpx;
left:-2%;
content:'';
display:block;
width:4rpx;
height:26rpx;
background:#E81825 ;
}
.brandtext{
color:#1A1A1A;
font-size: 26rpx;
margin-top:28rpx;
}
.brandimg{
width:686rpx;
height:340rpx;
font-size: 0;
margin-top:37rpx;
}
\ No newline at end of file
... ...
// pages/homeblock/companyintro/companyintro.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
url:'',
imgUrls: ["http://winesbook.cn/static/images_mini/aicon_23@2x.png",
"http://winesbook.cn/static/images_mini/aicon_23@2x.png",
"http://winesbook.cn/static/images_mini/aicon_23@2x.png"],
indicatorDots: false,
autoplay: false,
interval: 2000,
duration: 1000,
currentSwiper: 0,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
swiperChange: function (e) {
this.setData({
currentSwiper: e.detail.current
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "企业简介"
}
\ No newline at end of file
... ...
<view class="brandbottom">
<view class="brandboleft">
<text class="brandtitle">湖北白云边股份股份有限公司</text>
<view class="duigou">
<image src="{{url}}aicon_20x.png"></image>
</view>
</view>
<view class="atten">关注</view>
</view>
<view class="swiper_image">
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" class="swiper_item_img" bindchange="swiperChange">
<block wx:for="{{imgUrls}}" wx:key="doct">
<swiper-item style="border-radius:10px;">
<image src="{{item}}" data-index='{{index}}' class="slide-image" bindtap='viewImg' width="355" height="150" />
</swiper-item>
</block>
</swiper>
<view class="dots">
<block wx:for="{{imgUrls}}" wx:key="">
<view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
</block>
</view>
</view>
<view class="brandbox">
<view class="brandboxitem">
<view class="boxtop">
<view class="boxtopleft">
品牌简介
</view>
<view class="boxright">
<image src="{{url}}aicon_24x.png"></image>
</view>
</view>
<view class="brandtext">
湖北白云边集团（以下简称“集团”或“白云边集团”）是一家以酒业为龙头产业的多元化投资控股企业集团，总部位于湖北省武汉市。白云边集团下设7大战略业务单位，包括白酒、食品餐饮、钢铁制造、置业投资、酒店旅游、物流商贸、文化传播等。白云边集团的多元化业务具有良好的产业基础和市场竞争优势，其中白酒已建立行业领先地位。截止2017年，白云边集团总资产达80余亿元。
</view>
<view class="brandimg">
<image src="{{url}}aicon_23@2x.png"></image>
</view>
</view>
<view class="brandboxitem">
<view class="boxtop">
<view class="boxtopleft">
品牌文化
</view>
<view class="boxright">
<image src="{{url}}aicon_24x.png"></image>
</view>
</view>
<view class="brandimg">
<image src="{{url}}aicon_23@2x.png"></image>
</view>
</view>
</view>
\ No newline at end of file
... ...
.brandhead{
width:750rpx;
height:340rpx;
font-size: 0;
position: relative
}
image{
width:100%;
height:100%;
}
.branditem{
width:100%;
display:flex;
align-items: center;
justify-content: space-between;
padding: 0 32rpx;
box-sizing: border-box;
position: absolute;
top:125rpx;
}
.brandlimg{
width:90rpx;
height:90rpx;
font-size: 0;
}
.brandname{
color:#FFFFFF;
font-size: 36rpx;
margin-left:21rpx;
}
.branditemleft{
display:flex;
align-items: center
}
.branditenright{
width:100rpx;
height:50rpx;
background:rgba(255,255,255,1);
border-radius:2px;
color:#E81825;
font-size: 26rpx;
text-align: center;
line-height: 50rpx;
}
.brandbottom{
display:flex;
justify-content: space-between;
align-items: center;
padding: 31rpx 31rpx;
box-sizing:border-box;
}
.brandtitle{
color:#1A1A1A;
font-size: 28rpx;
}
.duigou{
width:24rpx;
height:24rpx;
font-size: 0;
margin-left:8rpx;
}
.brandboleft{
display:flex;
align-items: center;
}
.brandboxitem{
padding: 32rpx;
box-sizing: border-box;
border-bottom:12rpx solid #F2F2F2
}
.boxtop{
display:flex;
justify-content: space-between;
align-items: center
}
.boxtopleft{
color:#1A1A1A;
font-size: 32rpx;
position: relative;
padding-left: 18rpx;
}
.boxtopleft::before{
position: absolute;
top:10rpx;
left:-2%;
content:'';
display:block;
width:4rpx;
height:26rpx;
background:#E81825 ;
}
.brandtext{
color:#1A1A1A;
font-size: 26rpx;
margin-top:28rpx;
}
.brandimg{
width:686rpx;
height:340rpx;
font-size: 0;
margin-top:37rpx;
}
/* 轮播图 */
.swiper_image{
width:750rpx;
height:340rpx;
font-size: 0;
position: relative;
}
.swiper_item_img{
width:750rpx;
height:340rpx;
}
.swiper_image image{
width:100%;
height:100%;
/* box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11); */
}
.swiper_item_img swiper-item{
width:750rpx;
height:340rpx;
border-radius:0 !important
}
.swiper_item_img swiper-item image{
width:100%;
height:100%;
}
.dots{
/* width: 156rpx; */
height: 36rpx;
display: flex;
flex-direction: row;
position: absolute;
justify-content: center;
left: 0;
right:0;
bottom: 18rpx;
}
/*未选中时的小圆点样式 */
.dot{
width: 14rpx;
height: 14rpx;
border-radius: 50%;
margin-right: 26rpx;
background-color:#000000;
}
/*选中以后的小圆点样式 */
.active{
width: 14rpx;
height: 14rpx;
border-radius:50%;
background-color: #E81825;
}
\ No newline at end of file
... ...
// pages/homeblock/evalute/evalute.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
url:'',
star1:0,
sepic:false
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
star(e){
this.setData({
star1:e.currentTarget.dataset.id
})
},
se(){
this.setData({
sepic: !this.data.sepic
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": ""
}
... ...
<view star>
<view class="starname">滑动星星评分</view>
<view class="starlist">
<view class="staritem" bindtap="star" data-id="1">
<image src="{{star1>=1?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
</view>
<view class="staritem" bindtap="star" data-id="2">
<image src="{{star1>=2?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
</view>
<view class="staritem" bindtap="star" data-id="3">
<image src="{{star1>=3?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
</view>
<view class="staritem" bindtap="star" data-id="4">
<image src="{{star1>=4?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
</view>
<view class="staritem" bindtap="star" data-id="5">
<image src="{{star1>=5?'http://winesbook.cn/static/images_mini/aicon_10x.png':'http://winesbook.cn/static/images_mini/aicon_09x.png'}}"></image>
</view>
</view>
</view>
<view class="biaoqian">
<view class="biaoqianleft">
选择标签
</view>
<view class="biaoqianright" bindtap="se">
<image src="{{sepic==false?'http://winesbook.cn/static/images_mini/aicon_53x.png':'http://winesbook.cn/static/images_mini/aicon_52x.png'}}"></image>
</view>
</view>
<view class="showpic">
<view class="showpicitem">婚宴</view>
<view class="showpicitem">婚宴</view>
<view class="showpicitem">婚宴</view>
<view class="showpicitem">婚宴</view>
<view class="showpicitem">婚宴</view>
<view class="showpicitem">婚宴</view>
<view class="showpicitem">婚宴</view>
<view class="showpicitem">婚宴</view>
<view class="showpicitem">婚宴</view>
<view class="addnew">
<view class="jia">
<image src="/img/aicon66.png"></image>
</view>
<view class="newlabelname">新标签</view>
</view>
</view>
<!-- 上传图片 -->
<view class="imgbox">
<view class="imgboxite">
<image src="{{url}}/aicon_49@2x.png"></image>
<view class="cha">
<image src="{{url}}/aicon_54x.png"></image>
</view>
</view>
<view class="imgboxite">
<image src="{{url}}/aicon_49@2x.png"></image>
<view class="cha">
<image src="{{url}}/aicon_54x.png"></image>
</view>
</view>
<view class="imgboxite">
<image src="{{url}}/aicon_49@2x.png"></image>
<view class="cha">
<image src="{{url}}/aicon_54x.png"></image>
</view>
</view>
<view class="imgboxite">
<image src="{{url}}/aicon_49@2x.png"></image>
<view class="cha">
<image src="{{url}}/aicon_54x.png"></image>
</view>
</view>
<view class="addimg">
<image src="{{url}}/aicon_55x.png"></image>
</view>
</view>
<view class="entersay saybox">
<textarea placeholder='这酒怎么样我来说一说' placeholder-class='entersay'/>
</view>
<view class="saybottom">
<view class="sayleft">
<view class="sayimg">
<image src="{{url}}/aicon_56x.png"></image>
</view>
<view class="leftword">所在位置</view>
</view>
<view class="sayright">发布</view>
</view>
\ No newline at end of file
... ...
.staritem{
width:46rpx;
height: 46rpx;
font-size: 0;
margin-left:21rpx;
}
.starlist{
display:flex;
align-items: center;
justify-content: center;
margin-top:30rpx;
}
.starname{
color:#1A1A1A;
font-size: 36rpx;
text-align: center;
margin-top:73rpx;
}
.biaoqian{
display:flex;
align-items: center;
justify-content: center;
margin-top:105rpx;
}
.biaoqianright{
width:24rpx;
height:14rpx;
font-size: 0;
margin-left:16rpx;
}
.biaoqianleft{
color:#666666;
font-size: 28rpx;
}
.showpic{
display:flex;
align-items: center;
flex-wrap: wrap;
padding: 0 32rpx 0 32rpx;
box-sizing: border-box;
}
.showpicitem{
padding: 16rpx 42rpx;
box-sizing: border-box;
color:#1A1A1A;
font-size: 24rpx;
text-align: center;
}
.addnew{
display:flex;
align-items: center;
width:124rpx;
height:48rpx;
border:1rpx solid rgba(232,24,37,1);
border-radius:5rpx;
justify-content: center;
}
.jia{
width:15rpx;
height:15rpx;
font-size: 0
}
.newlabelname{
color:#E81825;
font-size: 24rpx;
}
.imgboxite{
width:210rpx;
height:210rpx;
font-size:0;
position: relative;
margin-top:20rpx;
}
.imgboxite{
margin-left:28rpx;
}
.imgbox{
margin-top:34rpx;
display:flex;
flex-wrap: wrap
}
.cha{
width:38rpx;
height:38rpx;
font-size: 0;
position: absolute;
right:-15rpx;
top:-15rpx;
}
.addimg{
width:210rpx;
height:210rpx;
font-size:0;
margin-left:28rpx;
margin-top:20rpx;
}
.entersay{
width:686rpx;
height:280rpx;
padding: 30rpx;
color:#666666;
font-size: 28rpx;
}
.saybox{
margin-top:20rpx;
}
.saybottom{
display:flex;
padding: 32rpx;
box-sizing: border-box;
justify-content: space-between
}
.sayleft{
display:flex;
align-items: center;
}
.sayimg{
width:22rpx;
height:28rpx;
font-size: 0
}
.leftword{
color:#666666;
font-size: 28rpx;
margin-left:14rpx;
}
.sayright{
color:#E81825;
font-size: 32rpx
}
\ No newline at end of file
... ...
// pages/homeblock/evalutecontent/evalutecontent.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
url: '',
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "WEB评分"
}
\ No newline at end of file
... ...
<view class="boxhead">
<view class="evalutetop">
<view class="evaluteleft">
<view class="code">7.4</view>
<view class="evalutetop">
<view class="evaluteitem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evaluteitem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evaluteitem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evaluteitem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evaluteitem">
<image src="/img/aicon_28@2x.png"></image>
</view>
</view>
</view>
<view class="evaluteright">
<view class="star">
<view class="starleft">
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
</view>
<view class="tiao">
<view class="tiaoitem"></view>
</view>
<view class="pingfen">36.1%</view>
</view>
<view class="star">
<view class="starleft">
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
</view>
<view class="tiao">
<view class="tiaoitem"></view>
</view>
<view class="pingfen">36.1%</view>
</view>
<view class="star">
<view class="starleft">
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
</view>
<view class="tiao">
<view class="tiaoitem"></view>
</view>
<view class="pingfen">36.1%</view>
</view>
<view class="star">
<view class="starleft">
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
</view>
<view class="tiao">
<view class="tiaoitem"></view>
</view>
<view class="pingfen">36.1%</view>
</view>
<view class="star">
<view class="starleft">
<view class="staritem">
<image src="/img/aicon_27@2x.png"></image>
</view>
</view>
<view class="tiao">
<view class="tiaoitem"></view>
</view>
<view class="pingfen">36.1%</view>
</view>
</view>
</view>
<view class="hotticket">热门标签</view>
<view class="botlabet">
<view class="labelitem">
<text>婚宴</text>
<text class="labelitemright">63</text>
</view>
<view class="labelitem">
<text>喜庆</text>
<text class="labelitemright">63</text>
</view>
<view class="labelitem">
<text>好喝</text>
<text class="labelitemright">63</text>
</view>
<view class="labelitem">
<text>实惠</text>
<text class="labelitemright">63</text>
</view>
</view>
</view>
<view class="boxmiddle">
<view class="boxmiddleitem">
<view class="evaluteitemleft">
<image src="{{url}}/aicon_45@2x.png"></image>
</view>
<view class="evaluteitemright">
<view class="evalname">小叶子</view>
<view class="evalstarword">
<view class="evalstar">
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
</view>
<view class="evardate">2019年11月5日</view>
</view>
<view class="evaltext">弟弟结婚买了8箱</view>
<view class="zan">
<view class="zanimg">
<image src="/img/aicon_46x.png"></image>
</view>
<view class="zannum">6.2k</view>
</view>
</view>
</view>
<view class="boxmiddleitem">
<view class="evaluteitemleft">
<image src="{{url}}/aicon_45@2x.png"></image>
</view>
<view class="evaluteitemright">
<view class="evalname">小叶子</view>
<view class="evalstarword">
<view class="evalstar">
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
<view class="evalstaritem">
<image src="/img/aicon_28@2x.png"></image>
</view>
</view>
<view class="evardate">2019年11月5日</view>
</view>
<view class="evaltext">弟弟结婚买了8箱</view>
<view class="evalimg">
<view class="evalimgitem">
<image src="{{url}}/aicon_49@2x.png"></image>
</view>
<view class="evalimgitem">
<image src="{{url}}/aicon_49@2x.png"></image>
</view>
<view class="evalimgitem">
<image src="{{url}}/aicon_49@2x.png"></image>
</view>
<view class="evalimgitem">
<image src="{{url}}/aicon_49@2x.png"></image>
</view>
</view>
</view>
</view>
</view>
<view class="write">
<view class="writeimg">
<image src="{{url}}/aicon_48x.png"></image>
</view>
</view>
... ...
/* pages/homeblock/evalutecontent/evalutecontent.wxss */
page {
background: #fff;
}
.boxhead {
padding: 0 30rpx;
border-bottom: 14rpx solid #f2f2f2;
padding-bottom: 40rpx;
box-sizing: border-box;
}
.evaluteitem {
width: 26rpx;
height: 24rpx;
font-size: 0;
margin-left: 9rpx;
}
image {
width: 100%;
height: 100%;
}
.code {
color: #1a1a1a;
font-size: 74rpx;
font-weight: bold;
text-align: center;
}
.evalutetop {
display: flex;
align-items: center;
}
.staritem {
width: 18rpx;
height: 18rpx;
font-size: 0;
}
.evaluteright {
margin-left: 43rpx;
}
.starleft {
width: 91rpx;
display: flex;
align-items: center;
justify-content: flex-end;
}
.star {
display: flex;
align-items: center;
margin-top: 8rpx;
}
.tiao {
width: 314rpx;
height: 6rpx;
border-radius: 2rpx;
background: #ebebeb;
margin-left: 14rpx;
}
.pingfen {
color: #999;
font-size: 20rpx;
margin-left: 15rpx;
}
.tiaoitem {
width: 59%;
height: 6rpx;
border-radius: 2rpx;
background: #ffba25;
}
.hotticket {
color: #1a1a1a;
font-size: 28rpx;
margin-top: 61rpx;
font-weight: bold;
}
.botlabet {
display: flex;
align-items: center;
margin-top: 29rpx;
}
.labelitem {
margin-left: 14rpx;
padding: 13rpx 21rpx;
color: #666;
font-size: 24rpx;
}
.labelitemright {
margin-left: 10rpx;
}
.boxmiddle {
padding: 0 30rpx;
box-sizing: border-box;
}
.evaluteitem {
padding: 40rpx 0 0;
box-sizing: border-box;
}
.evaluteitemleft {
width: 60rpx;
height: 60rpx;
background: rgba(205, 205, 205, 1);
border-radius: 50%;
}
.evalname {
color: #666;
font-size: 28rpx;
}
.evalstar {
display: flex;
align-items: center;
}
.evalstarword {
display: flex;
}
.evalstaritem {
width: 26rpx;
height: 24rpx;
font-size: 0;
margin-left: 9rpx;
}
.evalstaritem:first-child {
margin-left: 0;
}
.evaluteitemright {
margin-left: 30rpx;
flex:1;
}
.boxmiddleitem {
display: flex;
padding-top: 40rpx;
box-sizing: border-box;
padding-bottom: 40rpx;
border-bottom:1rpx solid #f5f5f5;
}
.evardate {
color: #666;
font-size: 24rpx;
margin-left: 30rpx;
}
.evaltext {
color: #1a1a1a;
font-size: 28rpx;
margin-top: 20rpx;
}
.evalimgitem {
width: 190rpx;
height: 190rpx;
border-radius: 5rpx;
font-size: 0;
margin-left:10rpx;
margin-top:30rpx;
}
.evalimg{
display:flex;
align-items: center;
flex-wrap:wrap;
}
.zan{
display:flex;
align-items:center;
justify-content: flex-end
}
.zanimg{
width:30rpx;
height:28rpx;
font-size: 0
}
.zannum{
color:#999999;
font-size: 28rpx;
margin-left:20rpx;
}
.writeimg{
width:126rpx;
height:129rpx;
font-size: 0
}
.write{
background: #fff;
height:126rpx;
display: flex;
justify-content: flex-end;
padding:17rpx 30rpx 0;
box-sizing: border-box
}
\ No newline at end of file
... ...
// pages/homeblock/guanimg/guanimg.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
url:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "官图",
"navigationBarBackgroundColor": "#000",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<view class="biaozhuantitle">
标准图
</view>
<view class="biaozhaunbox">
<view class="biaozhuanitem">
<image src="{{url}}aicon_89@2x.png"></image>
</view>
<view class="biaozhuanitem">
<image src="{{url}}aicon_89@2x.png"></image>
</view>
<view class="biaozhuanitem">
<image src="{{url}}aicon_89@2x.png"></image>
</view>
<view class="biaozhuanitem">
<image src="{{url}}aicon_89@2x.png"></image>
</view>
</view>
<view class="biaozhuantitle xiezhen">
写真图
</view>
<view class="biaozhaunbox">
<view class="biaozhuanitem">
<image src="{{url}}aicon_89@2x.png"></image>
</view>
<view class="biaozhuanitem">
<image src="{{url}}aicon_89@2x.png"></image>
</view>
<view class="biaozhuanitem">
<image src="{{url}}aicon_89@2x.png"></image>
</view>
<view class="biaozhuanitem">
<image src="{{url}}aicon_89@2x.png"></image>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #000;
padding: 0 32rpx 0 22rpx;
box-sizing: border-box
}
.biaozhuanitem{
width:222rpx;
height:165rpx;
font-size: 0;
margin-left:10rpx;
margin-top:10rpx;
}
.biaozhaunbox{
display:flex;
align-items: center;
flex-wrap: wrap;
margin-top:22rpx;
}
.biaozhuantitle{
color:#FFFFFF;
font-size: 28rpx;
margin-left:10rpx;
}
.xiezhen{
margin-top:40rpx;
}
... ...
// pages/homeblock/jiuzidian/jiuzidian.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
navarr: [
{
name: '基本参数'
},
{
name: '生产企业'
},
{
name: '酿酒师'
},
{
name: '关键词'
}, ],
current: 0,
url:'',
kind:0,
picindex:0
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
selectkind(e){
this.setData({
kind:e.currentTarget.dataset.kind
})
},
select(e) {
this.setData({
current: e.currentTarget.dataset.idx
})
console.log(this.data.current)
},
selectpic(e){
this.setData({
picindex:e.currentTarget.dataset.pic
})
console.log(this.data.picindex)
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<!-- 展示图 -->
<view class="showpic">
<image src="{{url}}/aicon_89@2x.png"></image>
<view class="kindlist">
<view class="kinditem {{kind==0?'kindactive':''}}" data-kind='0' bindtap="selectkind">瓶</view>
<view class="kinditem {{kind==1?'kindactive':''}}" data-kind='1' bindtap="selectkind">箱</view>
<view class="kinditem {{kind==2?'kindactive':''}}" data-kind='2' bindtap="selectkind">盒</view>
</view>
<view class="pickind">
<view class="picitem {{picindex==0?'slectpic':''}}" data-pic="0" bindtap="selectpic">全景</view>
<view class="picitem {{picindex==1?'slectpic':''}}" data-pic="1" bindtap="selectpic">官图</view>
<view class="picitem {{picindex==2?'slectpic':''}}" data-pic="2" bindtap="selectpic">实拍</view>
<view class="picitem {{picindex==3?'slectpic':''}}" data-pic="3" bindtap="selectpic">短视频</view>
</view>
</view>
<view class="shaisel">
<view class="kind">
<view class="shaikind" wx:for="{{navarr}}" wx:key='' bindtap="select" data-idx="{{index}}">
<view class="shaikindname {{current==index?'selactive':''}}">{{item.name}}</view>
<view class="shaikindimg">
<image src="{{current==index?'http://winesbook.cn/static/images_mini/aicon_16@2x.png':'http://winesbook.cn/static/images_mini/aicon_14x.png'}}"></image>
</view>
</view>
<!-- <view class="shaikind">
<view class="shaikindname">价格</view>
<view class="shaikindimg">
<image src="{{url}}aicon_14x.png"></image>
</view>
</view>
<view class="shaikind">
<view class="shaikindname">包装</view>
<view class="shaikindimg">
<image src="{{url}}aicon_14x.png"></image>
</view>
</view>
<view class="shaikind">
<view class="shaikindname">产区</view>
<view class="shaikindimg">
<image src="{{url}}aicon_14x.png"></image>
</view>
</view>
<view class="shaikind">
<view class="shaikindname">香型</view>
<view class="shaikindimg">
<image src="{{url}}aicon_14x.png"></image>
</view>
</view>
<view class="shaikind">
<view class="shaikindname">产区</view>
<view class="shaikindimg">
<image src="{{url}}aicon_14x.png"></image>
</view>
</view>
<view class="shaikind">
<view class="shaikindname">评分</view>
<view class="shaikindimg">
<image src="{{url}}aicon_14x.png"></image>
</view>
</view> -->
</view>
<view class="more">
<image src="{{url}}aicon_15x.png"></image>
</view>
</view>
<!-- 基本参数 -->
<view class="jibencanshu" wx:if="{{current==0}}">
<view class="canshuitem">
<view class="canleft">酒精度</view>
<view class='cantext'>52%Vol.</view>
</view>
<view class="canshuitem">
<view class="canleft">净含量</view>
<view class='cantext'>52%500ml</view>
</view>
<view class="canshuitem">
<view class="canleft">原料</view>
<view class='cantext'>糯、稻、玉米、小麦、高粱</view>
</view>
<view class="canshuitem">
<view class="canleft">储存条件</view>
<view class='cantext'>52%请置放于干燥、阴凉、通风处</view>
</view>
<view class="canshuitem">
<view class="canleft">生产标准号</view>
<view class='cantext'>87865788</view>
</view>
<view class="canshuitem">
<view class="canleft">生产许可证号</view>
<view class='cantext'>87865788</view>
</view>
</view>
<!-- 生产企业 -->
<view class="jiuqiye" wx:if="{{current==1}}">
<view class="brandbottom">
<view class="brandboleft">
<text class="brandtitle">湖北白云边股份股份有限公司</text>
<view class="duigou">
<image src="{{url}}aicon_20x.png"></image>
</view>
</view>
<view class="atten">关注</view>
</view>
<view class="brandbox">
<view class="brandboxitem">
<view class="boxtop">
<view class="boxtopleft">
品牌简介
</view>
<view class="boxright">
<image src="{{url}}aicon_24x.png"></image>
</view>
</view>
<view class="brandtext">
湖北白云边集团（以下简称“集团”或“白云边集团”）是一家以酒业为龙头产业的多元化投资控股企业集团，总部位于湖北省武汉市。白云边集团下设7大战略业务单位，包括白酒、食品餐饮、钢铁制造、置业投资、酒店旅游、物流商贸、文化传播等。白云边集团的多元化业务具有良好的产业基础和市场竞争优势，其中白酒已建立行业领先地位。截止2017年，白云边集团总资产达80余亿元。
</view>
<view class="brandimg">
<image src="{{url}}aicon_23@2x.png"></image>
</view>
</view>
<view class="brandboxitem">
<view class="boxtop">
<view class="boxtopleft">
品牌文化
</view>
<view class="boxright">
<image src="{{url}}aicon_24x.png"></image>
</view>
</view>
<view class="brandimg">
<image src="{{url}}aicon_23@2x.png"></image>
</view>
</view>
</view>
</view>
<!-- 酿酒师 -->
<view class="jiuhsi" wx:if="{{current==2}}">
<view class="teacherhead">
<view class="teacherleft">
<view class="teacimg">
<image src="{{url}}aicon_77@2x.png"></image>
</view>
<view class="teacname">徐强</view>
<view class="teacgouimg">
<image src="{{url}}aicon_20x.png"></image>
</view>
</view>
<view class="atten">
关注
</view>
</view>
<view class="wineimg">
<image src="{{url}}aicon_91x.png"></image>
</view>
<view class="niangjiubox">
<view class="brandboxitem">
<view class="boxtop">
<view class="boxtopleft">
基本信息
</view>
<view class="boxright">
<image src="{{url}}aicon_24x.png"></image>
</view>
</view>
<view class="brandtext">
<view class="baisinfo">
<view class="basinfoleft">性别</view>
<view class="baisinforight">男</view>
</view>
<view class="baisinfo">
<view class="basinfoleft">年龄</view>
<view class="baisinforight">34</view>
</view>
<view class="baisinfo">
<view class="basinfoleft">所属酒厂</view>
<view class="baisinforight">广东顺德酒厂</view>
</view>
</view>
</view>
<view class="brandboxitem">
<view class="boxtop">
<view class="boxtopleft">
专业履历
</view>
<view class="boxright">
<image src="{{url}}aicon_24x.png"></image>
</view>
</view>
<view class="brandtext">
<view class="brandlsit">
2009年接触葡萄酒。
</view>
<view class="brandlsit">
2010年—2011年在郑大工学院和财经学院任教计算机3D设计教师。
</view>
<view class="brandlsit">
2012年考取ESW葡萄酒中级品酒师证。
</view>
<view class="brandlsit">
2012年至今在优传葡萄酒有限公司从事葡萄酒销售,酒会承办工作。同时从事企业礼仪茶培训。
</view>
</view>
</view>
<view class="brandboxitem">
<view class="boxtop">
<view class="boxtopleft">
代表作品
</view>
<view class="boxright">
<image src="{{url}}aicon_24x.png"></image>
</view>
</view>
<view class="brandtext">
<view class="brandlsit">
2009年接触葡萄酒。
</view>
<view class="brandlsit">
2010年—2011年在郑大工学院和财经学院任教计算机3D设计教师。
</view>
<view class="brandlsit">
2012年考取ESW葡萄酒中级品酒师证。
</view>
<view class="brandlsit">
2012年至今在优传葡萄酒有限公司从事葡萄酒销售,酒会承办工作。同时从事企业礼仪茶培训。
</view>
</view>
</view>
</view>
</view>
<!-- 关键词 -->
<view class="keyword" wx:if="{{current==3}}">
<view class="keyworditem">基本参数</view>
<view class="keyworditem">基本参数</view>
<view class="keyworditem">基本参数</view>
<view class="keyworditem">基本参数</view>
<view class="keyworditem">基本参数</view>
</view>
\ No newline at end of file
... ...
@import '../zhinengselect/zhinengselect.wxss';
@import '../brandpage/brandpage.wxss';
@import '../niangjiuteacher/niangjiuteacher.wxss';
page{
background: #F2F2F2
}
.shaisel{
background: #fff;
}
.canshuitem{
width:750rpx;
height:94rpx;
margin-top:14rpx;
display:flex;
align-items: center;
padding: 30rpx;
box-sizing: border-box;
background: #fff;
}
.canleft{
color:#999999;
font-size: 26rpx;
}
.cantext{
color:#1A1A1A;
font-size: 26rpx;
margin-left:100rpx;
}
.jiuqiye,.jiuhsi{
background: #fff;
}
.keyword{
display:flex;
align-items: center;
flex-wrap: wrap;
padding: 16rpx 25rpx;
box-sizing: border-box
}
.keyworditem{
padding: 18rpx 20rpx;
box-sizing: border-box;
background: #fff;
color:#666666;
font-size: 26rpx;
margin-left:15rpx;
margin-top:16rpx;
border-radius: 5rpx;
}
.showpic{
width:750rpx;
height:560rpx;
font-size: 0;
position: relative
}
.kindlist{
width:198rpx;
height:42rpx;
background:rgba(255,255,255,1);
opacity:0.8;
border-radius:21rpx;
display:flex;
align-items: center;
position: absolute;
bottom:24rpx;
left:276rpx;
}
.kinditem{
width:66rpx;
height:42rpx;
line-height: 42rpx;
color:#1A1A1A;
font-size: 24rpx;
text-align: center
}
.kindactive{
background: #1A1A1A;
color:#fff;
border-radius:21rpx;
}
.pickind{
position: absolute;
right:35rpx;
top:143rpx;
}
.picitem{
color:#1A1A1A;
font-size: 22rpx;
margin-top:45rpx;
width:128rpx;
text-align: center;
}
.slectpic{
width:128rpx;
text-align: center;
padding: 22rpx 0;
box-sizing: border-box;
background: #E81825;
color:#fff;
border-radius:50rpx;
}
\ No newline at end of file
... ...
// pages/homeblock/niangjiuteacher/niangjiuteacher.js
const app=getApp()
Page({
/**
* 页面的初始数据
*/
data: {
url:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: app.globalData.url
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "酿酒师"
}
\ No newline at end of file
... ...