miniprogram / winebook · 提交

转到一个项目

作者 lihongjuan
提交 a8156c0b6a909a57dd7cf763d753e284cd05ff1a 1 个父辈 03d08a12 master ... Branch_zhu

22

内嵌 并排对比
正在显示 46 个修改的文件 包含 2618 行增加 和 0 行删除
// pages/findblock/jiudandetail/jiudandetail.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="jiudandetailhead">
<view class="edtaileft">
<view class="edtaileftimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="editmiddle">
<view class="middletop">万丈红尘一人醉</view>
<view class="middlebottom">lv12</view>
</view>
</view>
<view class="atten">关注</view>
</view>
\ No newline at end of file
... ...
.jiudandetailhead{
display:flex;
align-items: center;
justify-content: space-between;
padding: 30rpx;
box-sizing: border-box;
}
.edtaileftimg{
width:96rpx;
height:96rpx;
font-size: 0
}
image{
width:100%;
height:100%;
}
.edtaileft{
display:flex;
align-items: center;
}
.editmiddle{
margin-let:
}
\ No newline at end of file
... ...
// pages/findblock/niangjiushi/niangjiushi.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="niangjiulist">
<view class="niangjiuitem">
<view class="teachimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="jiuname">徐强</view>
<view class="atten">关注</view>
<view class="jiubottom">
<view class="jiuleft">
<view class="jiuleftimg">
<image src="{{url}}/aicon_66x.png"></image>
</view>
<view class="jiuzan">618</view>
</view>
<view class="jiumiddle">
<view class="middleimg">
<image src="{{url}}/aicon_67x.png"></image>
</view>
<view class="tiao">54</view>
</view>
<view class="jiuright">
<image src="{{url}}/aicon_68x.png"></image>
</view>
</view>
</view>
<view class="niangjiuitem">
<view class="teachimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="jiuname">徐强</view>
<view class="atten">关注</view>
<view class="jiubottom">
<view class="jiuleft">
<view class="jiuleftimg">
<image src="{{url}}/aicon_66x.png"></image>
</view>
<view class="jiuzan">618</view>
</view>
<view class="jiumiddle">
<view class="middleimg">
<image src="{{url}}/aicon_67x.png"></image>
</view>
<view class="tiao">54</view>
</view>
<view class="jiuright">
<image src="{{url}}/aicon_68x.png"></image>
</view>
</view>
</view>
<view class="niangjiuitem">
<view class="teachimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="jiuname">徐强</view>
<view class="atten">关注</view>
<view class="jiubottom">
<view class="jiuleft">
<view class="jiuleftimg">
<image src="{{url}}/aicon_66x.png"></image>
</view>
<view class="jiuzan">618</view>
</view>
<view class="jiumiddle">
<view class="middleimg">
<image src="{{url}}/aicon_67x.png"></image>
</view>
<view class="tiao">54</view>
</view>
<view class="jiuright">
<image src="{{url}}/aicon_68x.png"></image>
</view>
</view>
</view>
<view class="niangjiuitem">
<view class="teachimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="jiuname">徐强</view>
<view class="atten">关注</view>
<view class="jiubottom">
<view class="jiuleft">
<view class="jiuleftimg">
<image src="{{url}}/aicon_66x.png"></image>
</view>
<view class="jiuzan">618</view>
</view>
<view class="jiumiddle">
<view class="middleimg">
<image src="{{url}}/aicon_67x.png"></image>
</view>
<view class="tiao">54</view>
</view>
<view class="jiuright">
<image src="{{url}}/aicon_68x.png"></image>
</view>
</view>
</view>
<view class="niangjiuitem">
<view class="teachimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="jiuname">徐强</view>
<view class="atten">关注</view>
<view class="jiubottom">
<view class="jiuleft">
<view class="jiuleftimg">
<image src="{{url}}/aicon_66x.png"></image>
</view>
<view class="jiuzan">618</view>
</view>
<view class="jiumiddle">
<view class="middleimg">
<image src="{{url}}/aicon_67x.png"></image>
</view>
<view class="tiao">54</view>
</view>
<view class="jiuright">
<image src="{{url}}/aicon_68x.png"></image>
</view>
</view>
</view>
</view>
... ...
.niangjiulist{
display:flex;
flex-wrap:wrap;
}
.teachimg{
width:120rpx;
height:120rpx;
font-size: 0;
border-radius:50%;
margin:40rpx auto 0;
}
.teachimg image{
width:100%;
height:100%;
border-radius:50%;
}
.niangjiuitem{
width:366rpx;
height:386rpx;
border-bottom: 1rpx solid #f5f5f5;
}
.niangjiuitem:nth-child(n){
border-right:1rpx solid #f5f5f5
}
.jiuname{
color:#1A1A1A;
font-size: 28rpx;
text-align: center;
margin-top:14rpx;
}
.atten{
width:100rpx;
margin:20rpx auto 0;
}
.jiubottom{
display:flex;
align-items: center;
justify-content: space-around;
margin-top:23rpx;
}
.jiuleft{
display:flex;
align-items: center
}
.jiumiddle{
display:flex;
align-items: center
}
.jiuleftimg{
width:30rpx;
height:28rpx;
font-size: 0
}
image{
width:100%;
height:100%;
}
.jiuzan{
color:#666666;
font-size: 28rpx;
margin-left:16rpx;
}
.middleimg{
width:29rpx;
height:27rpx;
font-size: 0
}
.tiao{
color:#666666;
font-size: 28rpx;
margin-left:16rpx;
}
.jiuright{
width:26rpx;
height:26rpx;
font-size: 0
}
\ No newline at end of file
... ...
// pages/findblock/zhuanjiapinjiu/zhuanjiapinjiu.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="wineblock">
<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="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
... ...
.winetitle{
color:#1A1A1A;
font-size: 28rpx;
margin-left:36rpx;
font-weight: bold
}
.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: 1rpx solid #f5f5f5;
padding-bottom: 30rpx;
margin-top:33rpx;
}
.pin{
width:16rpx;
height:32rpx;
font-size: 0
}
... ...
// pages/findblock/zhuanjiapinjiudetail/zhuanjiapinjiudetail.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
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<view class="detailhead">
<view class="liuliang">播放将消耗7.72MB流量，是否需要在WIFI环境下播放</view>
<view class="goon">继续播放</view>
</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 zantou">
<view class="winerighttouimg">
<image src="{{url}}aicon_66x.png"></image>
</view>
<view class="winezan">12</view>
</view>
<view class="winerighttou">
<view class="winerighttouimg">
<image src="{{url}}aicon_68x.png"></image>
</view>
</view>
</view>
</view>
<view class="commentlist">
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
</view>
<view class="pingjiabottom">
<view class="pbleft">
<input placeholder='输入评论的内容' placeholder-class='enterping' />
</view>
<view class="pbright">发送</view>
</view>
\ No newline at end of file
... ...
.detailhead {
width: 750rpx;
height: 483rpx;
background: #000;
overflow: hidden;
}
.liuliang {
color: #fff;
font-size: 24rpx;
text-align: center;
margin-top: 164rpx;
}
.goon {
width: 206rpx;
height: 64rpx;
background: rgba(52, 52, 52, 1);
border-radius: 4rpx;
color: #fff;
font-size: 26rpx;
text-align: center;
line-height: 64rpx;
margin: 26rpx auto 0;
}
.winebottom {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30rpx 32rpx;
box-sizing: border-box;
border-bottom: 1rpx solid #f5f5f5;
}
.winebottomleftimg {
width: 60rpx;
height: 60rpx;
font-size: 0;
}
.winebottomleft {
display: flex;
align-items: center;
}
.winebottonright {
width: 345rpx;
display: flex;
align-items: center;
justify-content: flex-end;
}
.winerighttouimg {
width: 30rpx;
height: 28rpx;
font-size: 0;
}
.winerighttou {
display: flex;
align-items: center;
}
.zantou {
margin-right: 50rpx;
}
.wineeng {
color: #666;
font-size: 28rpx;
margin-left: 20rpx;
}
.winezan {
color: #666;
font-size: 28rpx;
margin-left: 5rpx;
}
.wineblock {
border-bottom: 14rpx solid #f2f2f2;
padding-bottom: 30rpx;
}
.pin {
width: 16rpx;
height: 32rpx;
font-size: 0;
}
.commentlist {
padding: 0 30rpx;
box-sizing: border-box;
padding-bottom: 100rpx;
}
.commentitem {
display: flex;
padding: 40rpx 0;
box-sizing: border-box;
border-bottom: 1rpx solid #f5f5f5;
}
.commentleft {
width: 60rpx;
height: 60rpx;
font-size: 0;
border-radius: 50%;
}
image {
width: 100%;
height: 100%;
border-radius: 50%;
}
.commentright {
margin-left: 20rpx;
}
.rightname {
color: #666;
font-size: 28rpx;
}
.rightdate {
color: #999;
font-size: 24rpx;
margin-top: 14rpx;
}
.righttext {
color: #1a1a1a;
font-size: 28rpx;
margin-top: 23rpx;
}
.pingjiabottom {
width: 750rpx;
height: 86rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16rpx 30rpx;
box-sizing: border-box;
position: fixed;
bottom: 0rpx;
background: #fff;
border-top: 1rpx solid #f5f5f5;
}
.pbleft {
width: 531rpx;
height: 60rpx;
background: rgba(242, 242, 242, 1);
border-radius: 5rpx;
color: #999;
font-size: 26rpx;
padding: 0 26rpx;
line-height: 60rpx;
box-sizing: border-box;
}
.pbleft input {
width: 531rpx;
height: 60rpx;
padding: 0 26rpx;
line-height: 60rpx;
box-sizing: border-box;
}
.enterping {
color: #999;
font-size: 2F6rpx;
}
.pbright {
width: 120rpx;
height: 60rpx;
background: rgba(232, 24, 37, 1);
border-radius: 30rpx;
color: #fff;
font-size: 26rpx;
text-align: center;
line-height: 60rpx;
}
... ...
// import qqmap from '../../utils/map.js';
const app = getApp()
Page({
data: {
//下面是字母排序
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: '',
currentCity:'',
history_list:[],
hot_list:[]
},
//获取用户当前位置
getcity() {
let that = this;
wx.getLocation({
type: 'gcj02',
success: function (res) {
// 经纬度
var latitude = res.latitude
var longitude = res.longitude
var aK = that.data.aK
wx.request({
url: 'https://api.map.baidu.com/geocoder/v2/?ak=y8jPDTMIuAnaVscUztce1RKfNx8v5sok&location=' + latitude + ',' + longitude + '&output=json',
data: {},
header: {
'content-type': 'application/json'
},
success: function (res) {
console.log('1234567890', res)
var province = res.data.result.addressComponent.province;
let district = res.data.result.addressComponent.district
that.setData({
currentCity: province
})
wx.setStorageSync('city', province)
wx.request({
// url: 'xxx' + city,
// data: {},
// header: {
// 'content-type': 'application/json'
// },
// success: function (res) {
// that.setData({
// county: res.data,
// })
// },
})
}
})
},
fail: function () {
wx.showToast({
title: '授权失败,请打开GPS重新进入页面授权',
icon: 'none',
duration: 2000
})
}
})
},
//点击城市
cityTap(e) {
console.log(e)
const val = e.currentTarget.dataset.val || '',
types = e.currentTarget.dataset.types || '',
Index = e.currentTarget.dataset.index || '',
that = this;
let city = this.data.citySel;
let newcity = e.currentTarget.dataset.val.cityName;
console.log(newcity)
if (newcity != undefined) {
wx.setStorageSync("cityname", newcity);
}
let url = 'index/Index/set_city', params = {
city: newcity,
}
app.post(url, params).then((res) => {
console.log(res);
}).catch((err) => {
})
wx.navigateBack({
checked:true
})
},
//点击热门城市
cityTaphot(e){
console.log(e)
let newcity = e.currentTarget.dataset.val;
console.log(newcity)
if (newcity != undefined) {
wx.setStorageSync("cityname", newcity);
}
let url = 'index/Index/set_city', params = {
city: newcity,
}
app.post(url, params).then((res) => {
console.log(res);
}).catch((err) => {
})
wx.navigateBack({
checked: true
})
},
//点击历史记录
cityTaphistory(e){
let newcity = e.currentTarget.dataset.val;
console.log(newcity)
if (newcity != undefined) {
wx.setStorageSync("cityname", newcity);
}
wx.navigateBack({
checked: true
})
},
//点击城市字母
letterTap(e) {
const Item = e.currentTarget.dataset.item;
this.setData({
cityListId: Item
});
console.log("..............." + this.data.cityListId);
},
//调用定位
//获取热门城市
gethotcity() {
let that = this;
var url = 'index/Index/get_city';
var params = {
}
app.post(url, params).then((res) => {
console.log(res);
that.setData({
hot_list: res.hot_city,
history_list: res.history_list
})
console.log(that.data.newcity)
}).catch((err) => {
})
},
onShow() {
console.log(getApp());
let that = this,
cityOrTime = wx.getStorageSync('locatecity') || {},
time = new Date().getTime(),
city = '';
if (!cityOrTime.time || (time - cityOrTime.time > 1800000)) {//每隔30分钟请求一次定位
} else {//如果未满30分钟，那么直接从本地缓存里取值
that.setData({
locateCity: cityOrTime.city
})
}
that.getcity()
that.gethotcity()
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<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='city_locate' data-types='locate' catchtap='cityTap'>
<!-- <text class='city_locate_title'>自动定位</text>
<text class='city_locate_text' style='{{!locateCity&&"color:#33b9ff;"}}'>{{locateCity||'点击定位'}}</text> -->
<view class="slecity">
<image src='{{url}}bicon_01x.png'></image>
</view>
<view>{{currentCity}}</view>
</view>
<!-- <view class='national' data-types='national' catchtap='cityTap'>全国</view> -->
<view class='new_city'>
<view class='new_city_title'>历史访问城市</view>
<view class='new_city_box'>
<view class="nodata" wx:if="{{history_list.length==0}}">暂无数据</view>
<block wx:else>
<text class='new_city_text' wx:for='{{history_list}}' wx:key='this' data-types='new' catchtap='cityTaphistory' data-val='{{item}}'>{{item}}</text>
</block>
</view>
</view>
<view class='new_city'>
<view class='new_city_title'>热门城市</view>
<view class='new_city_box'>
<text class='new_city_text' wx:for='{{hot_list}}' wx:key='this' data-types='new' catchtap='cityTaphot' data-val='{{item}}'>{{item}}</text>
</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.letter}}'>{{letterItem.letter}}</view>
<text class='city_name' wx:for='{{letterItem.data}}' wx:key='this' data-types='list' catchtap='cityTap' data-index='{{index}}' data-val='{{item}}'>{{item.cityName}}</text>
</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{
height:100%
}
.city_box{
height:100%;
background: #fff;
display: flex;
}
.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: 60rpx;
color: #999;
padding-left: 25rpx;
/* margin-bottom: 20rpx; */
}
.new_city_box{
display: flex;
flex-wrap: wrap;
background: #fff;
}
.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: 60rpx;
height: 60rpx;
padding-left: 25rpx;
font-size: 28rpx;
background: #eee;
color: #999;
}
.city_name{
display: block;
line-height: 80rpx;
height: 80rpx;
border-bottom: 1px solid #efefef;
font-size: 28rpx;
color: #333;
padding-left: 25rpx;
}
.city_locate{
display:flex;
align-items: center
}
.slecity{
width:20rpx;
height:24rpx;
font-size:0
}
.slecity image{
width:100%;
height:100%;
}
.nodata{
color:#999;
font-size: 30rpx;
text-align: center;
width:750rpx;
padding: 20rpx 0;
}
\ No newline at end of file
... ...
// pages/homeblock/shuxing/shuxing.js
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
url: '',
user_list: [],
list: [],
type: 1,
arr: []
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
this.setData({
url: app.globalData.url,
})
this.getcanshu()
},
qingchu() {
this.setData({
type: 2
})
},
//获取酒品参数
getcanshu() {
let that = this;
let url = 'index/Wine/wine_attr',
params = {
}
app.post(url, params).then((res) => {
console.log(res);
that.setData({
user_list: res.user_list,
list: res.list
})
let allarr = [];
let usearr = []
let newlist = that.data.list;
for (var obj of newlist) {
obj.sel = false,
allarr.push(obj.id)
}
that.setData({
list: newlist
})
let newuserlist = that.data.user_list;
for (var obj of newuserlist) {
obj.sel = false;
usearr.push(obj.id)
}
that.setData({
user_list: newuserlist
})
console.log(allarr)
console.log(usearr)
//判断所有属性里有没有默认属性
let newuserlist1 = that.data.user_list;
let newlist1 = that.data.list;
let arr = []
for (var i = 0; i < allarr.length; i++) {
if (usearr.indexOf(allarr[i]) == -1) {
arr.push(allarr[i])
}
}
for (var i = 0; i < newlist1.length; i++) {
for (var j = 0; j < arr.length; j++) {
if (newlist1[i].id == arr[j]) {
newlist1[i].sel=true
}
}
}
that.setData({
list:newlist1
})
}).catch((err) => {
})
},
//删除
shanchu(e) {
let id = e.currentTarget.dataset.id;
this.setData({
type: 3
})
let newuser_list = this.data.user_list;
for (var i = 0; i < newuser_list.length; i++) {
if (id == newuser_list[i].id) {
newuser_list.splice(i, 1)
}
}
this.setData({
user_list: newuser_list
})
let newlist = this.data.list;
for (var obj of newlist) {
if (id == obj.id) {
obj.sel = true
}
}
this.setData({
list: newlist
})
},
//长按事件
handleLongPress(e) {
this.setData({
type:3
})
let id = e.currentTarget.dataset.id;
let newlist = this.data.list;
let newuser_list = this.data.user_list
for (var obj of newlist) {
if (obj.id == id) {
if (obj.sel == true) {
obj.sel = false;
newuser_list.push(obj)
}
}
}
this.setData({
list: newlist,
user_list: newuser_list
})
},
//完成事件
finish() {
let that = this;
let arr = [];
let newuser_list = that.data.user_list;
for (var obj of newuser_list) {
arr.push(obj.id)
}
console.log(arr)
if (arr.indexOf(-1) == -1) {
wx.showToast({
title: '基本参数无法取消',
icon: 'none'
})
} else if (arr.indexOf(-2) == -1) {
wx.showToast({
title: '生产企业无法取消',
icon: 'none'
})
} else if (arr.indexOf(-3) == -1) {
wx.showToast({
title: '酿酒师无法取消',
icon: 'none'
})
} else if (arr.indexOf(-4) == -1) {
wx.showToast({
title: '专业品评无法取消',
icon: 'none'
})
} else if (arr.indexOf(-5) == -1) {
wx.showToast({
title: '独具匠心无法取消',
icon: 'none'
})
} else {
let url = 'index/Wine/change_attr_order',
params = {
attr_array: arr,
}
app.post(url, params).then((res) => {
console.log(res);
wx.showToast({
title: '修改成功',
icon:'none'
})
setTimeout(function() {
wx.navigateBack({
checked: true
})
}, 1500)
}).catch((err) => {
})
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
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="clear" wx:if="{{type==1}}" bindtap="qingchu">清除</view>
<view class="clear" wx:if="{{type==2}}">编辑</view>
<view class="clear" wx:if="{{type==3}}" bindtap="finish">完成</view>
<view class="morenshu">
<view class="moren">默认属性</view>
<view class="longan">长按可拖动排序</view>
</view>
<view class="shubox">
<view class="shuitem" wx:for="{{user_list}}" wx:key="">
{{item.name}}
<view class="cancelmg" wx:if="{{type!=1}}" bindtap="shanchu" data-id="{{item.id}}">
<image src="{{url}}/bicon_09x.png"></image>
</view>
</view>
</view>
<view class="morenshu allshu">
<view class="moren">所有属性</view>
<view class="longan">长按可拖动排序</view>
</view>
<view class="shubox">
<view class="allshuitem {{item.sel==true?'selitem':''}}" wx:for="{{list}}" wx:key=""
bindlongpress="handleLongPress" data-id="{{item.id}}">{{item.name}}</view>
</view>
\ No newline at end of file
... ...
page{
background: #F2F2F2;
padding: 0 33rpx;
box-sizing: border-box
}
.clear{
color:#E81825;
font-size: 28rpx;
display:flex;
justify-content: flex-end;
margin-top:20rpx;
}
.moren{
color:#1A1A1A;
font-size: 32rpx;
font-weight: bold
}
.morenshu{
display:flex;
align-items: center;
justify-content: space-between
}
.longan{
color:#999999;
font-size: 26rpx;
}
.shubox{
display:flex;
flex-wrap: wrap;
align-items: center;
margin-top:29rpx;
}
.shuitem{
margin-right:20rpx;
padding:10rpx 20rpx;
box-sizing: border-box;
background: #FAFAFA;
color:#666666;
font-size: 26rpx;
margin-top:16rpx;
position: relative
}
.allshuitem{
margin-right:20rpx;
padding:10rpx 20rpx;
box-sizing: border-box;
background: #EBEBEB;
color:#CCCCCC;
font-size: 26rpx;
margin-top:16rpx;
position: relative
}
.cancelmg{
width:22rpx;
height:22rpx;
font-size: 0;
border-radius:50%;
position: absolute;
right:-10rpx;
top:-10rpx;
}
.cancelmg image{
width:100%;
height:100%;
border-radius:50%;
}
.allshu{
margin-top:60rpx;
}
.selitem{
background: #fff;
color:#666666
}
\ No newline at end of file
... ...
// pages/homeblock/video/video.js
Page({
/**
* 页面的初始数据
*/
data: {
videourl:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
videourl:options.url
})
},
end(){
console.log(43347889)
wx.navigateBack({
checked:true
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
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="video">
<video src="{{videourl}}" autoplay="true" bindended="end"></video>
</view>
... ...
page{
width:100%;
height:100%;
}
.video{
width:750rpx;
height:100%;
}
.video video{
width:100%;
height:100%;
}
\ No newline at end of file
... ...
// pages/myblock/jifenjilu/jifenjilu.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
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="jilubox">
<view class="jiluitem">
<view class="jiluleft">
<view class="jilutext">评论</view>
<view class="jiludate">2019-02-28 11:23</view>
</view>
<view class="jiluright">
<view class="righttop">+100.00</view>
<view class="righttext">已成功</view>
</view>
</view>
<view class="jiluitem">
<view class="jiluleft">
<view class="jilutext">评论</view>
<view class="jiludate">2019-02-28 11:23</view>
</view>
<view class="jiluright">
<view class="righttop">+100.00</view>
<view class="righttext">已成功</view>
</view>
</view>
<view class="jiluitem">
<view class="jiluleft">
<view class="jilutext">评论</view>
<view class="jiludate">2019-02-28 11:23</view>
</view>
<view class="jiluright">
<view class="righttop">+100.00</view>
<view class="righttext">已成功</view>
</view>
</view>
<view class="jiluitem">
<view class="jiluleft">
<view class="jilutext">评论</view>
<view class="jiludate">2019-02-28 11:23</view>
</view>
<view class="jiluright">
<view class="righttop">+100.00</view>
<view class="righttext">已成功</view>
</view>
</view>
<view class="jiluitem">
<view class="jiluleft">
<view class="jilutext">评论</view>
<view class="jiludate">2019-02-28 11:23</view>
</view>
<view class="jiluright">
<view class="righttop">+100.00</view>
<view class="righttext">已成功</view>
</view>
</view>
<view class="jiluitem">
<view class="jiluleft">
<view class="jilutext">评论</view>
<view class="jiludate">2019-02-28 11:23</view>
</view>
<view class="jiluright">
<view class="righttop">+100.00</view>
<view class="righttext">已成功</view>
</view>
</view>
<view class="jiluitem">
<view class="jiluleft">
<view class="jilutext">评论</view>
<view class="jiludate">2019-02-28 11:23</view>
</view>
<view class="jiluright">
<view class="righttop">+100.00</view>
<view class="righttext">已成功</view>
</view>
</view>
</view>
... ...
.jilubox{
padding:0 35rpx;
box-sizing: border-box;
}
.jiluitem{
display:flex;
align-items: center;
justify-content: space-between;
}
.jilutext{
color:#1A1A1A;
font-size:32rpx;
}
.jiludate{
color:#999999;
font-size:24rpx;
margin-top:22rpx;
}
.righttop{
color:#FF5344;
font-size: 32rpx;
}
.righttext{
color:#666666;
font-size: 26rpx;
margin-top:22rpx;
text-align: center
}
.jiluitem{
padding: 42rpx 0;
box-sizing: border-box;
border-bottom:1rpx solid #f5f5f5;
}
\ No newline at end of file
... ...
// pages/myblock/niangjiulist/niangjiulist.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="niangjiulist">
<view class="niangjiuitem">
<view class="niangjiuleft">
<view class="njiuimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="leftname">徐强</view>
<view class="duigou" style="margin-left:20rpx;">
<image src="{{url}}aicon_20x.png"></image>
</view>
</view>
<view class="atten">关注</view>
</view>
<view class="niangjiuitem">
<view class="niangjiuleft">
<view class="njiuimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="leftname">徐强</view>
<view class="duigou" style="margin-left:20rpx;">
<image src="{{url}}aicon_20x.png"></image>
</view>
</view>
<view class="atten">关注</view>
</view>
<view class="niangjiuitem">
<view class="niangjiuleft">
<view class="njiuimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="leftname">徐强</view>
<view class="duigou" style="margin-left:20rpx;">
<image src="{{url}}aicon_20x.png"></image>
</view>
</view>
<view class="atten">关注</view>
</view>
<view class="niangjiuitem">
<view class="niangjiuleft">
<view class="njiuimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="leftname">徐强</view>
<view class="duigou" style="margin-left:20rpx;">
<image src="{{url}}aicon_20x.png"></image>
</view>
</view>
<view class="atten">关注</view>
</view>
<view class="niangjiuitem">
<view class="niangjiuleft">
<view class="njiuimg">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="leftname">徐强</view>
<view class="duigou" style="margin-left:20rpx;">
<image src="{{url}}aicon_20x.png"></image>
</view>
</view>
<view class="alatten">关注</view>
</view>
</view>
\ No newline at end of file
... ...
.niangjiuitem{
display:flex;
align-items: center;
justify-content: space-between;
padding: 32rpx 0;
box-sizing: border-box;
border-bottom:1rpx solid #f5f5f5;
}
.duigou{
width:24rpx;
height:24rpx;
font-size: 0;
margin-left:8rpx;
}
.niangjiulist{
padding: 0 32rpx;
}
.njiuimg{
width:60rpx;
height:60rpx;
font-size: 0;
border-radius: 50%
}
.njiuimg image{
border-radius:50%;
}
.niangjiuleft{
display:flex;
align-items: center;
}
.leftname{
color:#1A1A1A;
font-size: 28rpx;
margin-left:30rpx;
}
.alatten{
padding:0 20rpx;
height:50rpx;
background:#B3B3B3;
border-radius:2rpx;
font-size:26rpx;
color:#fff;
text-align:center;
line-height:50rpx;
}
\ No newline at end of file
... ...
// pages/myblock/pingjia/pingjia.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="commentlist">
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
<view class="commentitem">
<view class="commentleft">
<image src="{{url}}/aicon_77@2x.png"></image>
</view>
<view class="commentright">
<view class="rightname">小叶子</view>
<view class="rightdate">2019年11月5日</view>
<view class="righttext">我怎么这么好看</view>
</view>
</view>
</view>
<view class="pingjiabottom">
<view class="pbleft">
<input placeholder='输入评论的内容' placeholder-class='enterping' />
</view>
<view class="pbright">发送</view>
</view>
\ No newline at end of file
... ...
.commentlist{
padding: 0 30rpx;
box-sizing: border-box;
padding-bottom: 100rpx;
}
.commentitem{
display:flex;
padding: 40rpx 0;
box-sizing: border-box;
border-bottom:1rpx solid #f5f5f5;
}
.commentleft{
width:60rpx;
height:60rpx;
font-size: 0;
border-radius:50%;
}
image{
width:100%;
height:100%;
border-radius: 50%;
}
.commentright{
margin-left:20rpx;
}
.rightname{
color:#666666;
font-size: 28rpx;
}
.rightdate{
color:#999999;
font-size: 24rpx;
margin-top:14rpx;
}
.righttext{
color:#1A1A1A;
font-size: 28rpx;
margin-top:23rpx;
}
.pingjiabottom{
width:750rpx;
height:86rpx;
display:flex;
align-items: center;
justify-content: space-between;
padding: 16rpx 30rpx;
box-sizing: border-box;
position: fixed;
bottom:0rpx;
background: #fff;
border-top:1rpx solid #f5f5f5;
}
.pbleft{
width:531rpx;
height:60rpx;
background:rgba(242,242,242,1);
border-radius:5rpx;
color:#999999;
font-size: 26rpx;
padding: 0 26rpx;
line-height: 60rpx;
box-sizing: border-box
}
.pbleft input{
width:531rpx;
height:60rpx;
padding: 0 26rpx;
line-height: 60rpx;
box-sizing: border-box
}
.enterping{
color:#999999;
font-size: 26rpx
}
.pbright{
width:120rpx;
height:60rpx;
background:rgba(232,24,37,1);
border-radius:30rpx;
color:#fff;
font-size: 26rpx;
text-align: center;
line-height: 60rpx;
}
\ No newline at end of file
... ...
// pages/myblock/shezhimima/shezhimima.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="setmima">
<view class="setmimaleft">
<input placeholder='设置密码' placeholder-class='shemi'/>
</view>
<view class="mimaeye">
<image src="{{url}}/bicon_14x.png"></image>
</view>
</view>
<view class="que">确认</view>
<view class="needmi">需要有6-20位数字、字母或符号组成，至少两种</view>
<view class="mimasuccess">密码设置成功</view>
... ...
page{
background: #F2F2F2
}
.setmima{
width:540rpx;
height:120rpx;
background:rgba(255,255,255,1);
border-radius:5rpx;
margin:206rpx auto 0;
display:flex;
align-items: center;
justify-content: space-between;
padding: 0 30rpx;
box-sizing: border-box
}
.setmimaleft{
width:420rpx;
color:#1A1A1A;
font-size: 30rpx;
}
.shemi{
color:#1A1A1A;
font-size: 30rpx;
}
.mimaeye{
width:34rpx;
height:16rpx;
font-size: 0
}
.que{
width:540rpx;
height:100rpx;
background:rgba(232,24,37,1);
border-radius:50rpx;
color:#fff;
font-size: 30rpx;
text-align: center;
line-height: 100rpx;
margin:90rpx auto 0;
}
.needmi{
color:#999999;
font-size: 24rpx;
text-align: center;
margin-top:32rpx;
}
.mimasuccess{
width:290rpx;
height:60rpx;
background:rgba(0,0,0,1);
opacity:0.8;
border-radius:10rpx;
color:#fff;
font-size: 24rpx;
text-align: center;
line-height: 60rpx;
margin:468rpx auto 0;
}
\ No newline at end of file
... ...