miniprogram / meiweiriben · 提交

转到一个项目

作者 lihongjuan
提交 c5394c5901135123c0d527f4ea1e7eb2d0e6beb4 0 个父辈 master

tijiao

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

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

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

//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)
}
}
})
}
}
})
},
globalData: {
userInfo: null
}
})
\ No newline at end of file
... ...
{
"pages": [
"pages/homepage/homepage",
"pages/personziliao/personziliao",
"pages/examine/examine",
"pages/comment/comment",
"pages/passPhotos/passPhotos",
"pages/collectlist/collectlist",
"pages/commentdetail/commentdetail",
"pages/usecenter/usecenter",
"pages/shopdetail/shopdetail",
"pages/morephoto/morephoto",
"pages/morecomment/morecomment",
"pages/searchresult/searchresult",
"pages/searchcity/searchcity",
"pages/index/index",
"pages/logs/logs",
"pages/login/login",
"pages/recommond/recommond",
"pages/canting/canting",
"pages/mycomment/mycomment"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
},
"tabBar": {
"selectedColor": "#FCB952",
"list": [
{
"pagePath": "pages/homepage/homepage",
"text": "首页",
"selectedColor": "#FCB952",
"iconPath": "img/index.png",
"selectedIconPath": "img/indexactive.png"
},
{
"pagePath": "pages/usecenter/usecenter",
"text": "我的",
"selectedColor": "#FCB952",
"iconPath": "img/person.png",
"selectedIconPath": "img/personactive.png"
}
]
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
\ No newline at end of file
... ...
/* 输入框搜索 */
image{
width:100%;
height:100%;
}
.head {
width: 750rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24rpx 32rpx;
box-sizing: border-box;
}
.headleft {
display: flex;
align-items: center;
justify-content: center
}
.headleftimg {
width: 31rpx;
height: 31rpx;
font-size: 0;
}
.headmiddle {
width: 542rpx;
height: 60rpx;
background: rgba(249, 249, 249, 1);
border-radius: 32rpx;
display: flex;
align-items: center;
padding: 16rpx 20rpx;
box-sizing: border-box;
}
.headmiddleleft {
width: 32rpx;
height: 32rpx;
font-size: 0;
}
.headmiddleleft image {
width: 100%;
height: 100%;
}
.headright {
width: 48rpx;
height: 48rpx;
font-size: 0;
position: relative;
}
.sizenum {
width: 32rpx;
height: 32rpx;
color: #FF4E14;
font-size: 20rpx;
text-align: center;
line-height: 30rpx;
position: absolute;
right: -15rpx;
top: -5rpx;
background: #fff;
border-radius: 50%;
border: 1rpx solid #FF4E14;
}
.headmiddleright{
width:400rx;
margin-left:16rpx;
}
.headmiddleright input {
width: 100%;
height: 100%;
color: #BDC4CE;
font-size: 24rpx;
padding: 12rpx 0;
box-sizing: border-box
}
.cityname {
color: #fff;
font-size: 22rpx;
margin-top: 5rpx;
}
.headbot {
height: 256rpx;
width: 750rpx;
background: #C29445;
position: relative;
}
.shuru{
color:#BDC4CE;
font-size: 28rpx;
}
.commonname{
color:#06121E;
font-size: 32rpx
}
.commnameone{
color:#06121E;
font-size: 28rpx;
}
.flex {
display: flex;
}
.flexone {
display: flex;
align-items: center;
}
.flextwo {
display: flex;
align-items: center;
justify-content: space-between;
}
.flexthree {
display: flex;
align-items: center;
justify-content: center;
}
.commonpadding{
padding: 32rpx;
box-sizing: border-box;
background: #fff;
}
.yourow {
width: 15rpx;
height: 20rpx;
font-size: 0;
}
/* 五角星 */
.staritem{
width:32rpx;
height:32rpx;
font-size: 0;
margin-right:4rpx;
}
.register {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.nomoer{
color:#8C9198;
font-size:24rpx;
text-align: center;
margin-top:26rpx;
padding-bottom:20rpx;
}
\ No newline at end of file
... ...

995 字节

573 字节

1000 字节

909 字节

869 字节

925 字节

862 字节

636 字节

239 字节

512 字节

994 字节
// pages/canting/canting.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="colecttop flextwo">
<view class="comt">(20/34)</view>
</view>
<view class="collectbox">
<view class="colectbitem flex">
<view class="collectbitemleft">
<image src="/img/photo.png"></image>
</view>
<view class="collectbtitemr">
<view class='goodname'>海贼王寿司店</view>
<view class="flexone starbox">
<view class="star flexone">
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
</view>
<view class="shouprice">￥88</view>
</view>
<view class="addressbox flexone">
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
</view>
</view>
</view>
<view class="colectbitem flex">
<view class="collectbitemleft">
<image src="/img/photo.png"></image>
</view>
<view class="collectbtitemr">
<view class='goodname'>海贼王寿司店</view>
<view class="flexone starbox">
<view class="star flexone">
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
</view>
<view class="shouprice">￥88</view>
</view>
<view class="addressbox flexone">
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
</view>
</view>
</view>
</view>
<view class="nomoer">没有更多了哦～</view>
\ No newline at end of file
... ...
@import '../collectlist/collectlist.wxss';
.comt{
color:#06121E;
font-size: 28rpx;
}
.colecttop{
padding: 10rpx 32rpx;
box-sizing: border-box
}
\ No newline at end of file
... ...
// pages/collectlist/collectlist.js
Page({
/**
* 页面的初始数据
*/
data: {
nav: 1,
delBtnWidth: 160,
data: [{ content: "1", right: 0 }, { content: "2", right: 0 }, { content: "3", right: 0 }, { content: "4", right: 0 }, { content: "5", right: 0 }, { content: "6", right: 0 }, { content: "7", right: 0 }, { content: "8", right: 0 }, { content: "9", right: 0 }, { content: "10", right: 0 }],
isScroll: true,
windowHeight: 0,
},
sel(e) {
this.setData({
nav: e.currentTarget.dataset.id
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
var that = this;
wx.getSystemInfo({
success: function (res) {
that.setData({
windowHeight: res.windowHeight
});
}
});
},
drawStart: function (e) {
// console.log("drawStart");
var touch = e.touches[0]
for (var index in this.data.data) {
var item = this.data.data[index]
item.right = 0
}
this.setData({
data: this.data.data,
startX: touch.clientX,
})
},
drawMove: function (e) {
var touch = e.touches[0]
var item = this.data.data[e.currentTarget.dataset.index]
var disX = this.data.startX - touch.clientX
if (disX >= 20) {
if (disX > this.data.delBtnWidth) {
disX = this.data.delBtnWidth
}
item.right = disX
this.setData({
isScroll: false,
data: this.data.data
})
} else {
item.right = 0
this.setData({
isScroll: true,
data: this.data.data
})
}
},
drawEnd: function (e) {
var item = this.data.data[e.currentTarget.dataset.index]
if (item.right >= this.data.delBtnWidth / 2) {
item.right = this.data.delBtnWidth
this.setData({
isScroll: true,
data: this.data.data,
})
} else {
item.right = 0
this.setData({
isScroll: true,
data: this.data.data,
})
}
},
delItem: function (e) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
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="colecttop flextwo">
<view class="collectitem {{nav==1?'collectactive':''}}" bindtap="sel" data-id="1">商户</view>
<view class="collectitem {{nav==2?'collectactive':''}}" bindtap="sel" data-id="2">点评</view>
</view>
<view class="collectbox" wx:if="{{nav==1}}">
<view class="colectbitem flex">
<view class="collectbitemleft">
<image src="/img/photo.png"></image>
</view>
<view class="collectbtitemr">
<view class='goodname'>海贼王寿司店</view>
<view class="flexone starbox">
<view class="star flexone">
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
</view>
<view class="shouprice">￥88</view>
</view>
<view class="addressbox flexone">
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
</view>
</view>
</view>
<view class="colectbitem flex">
<view class="collectbitemleft">
<image src="/img/photo.png"></image>
</view>
<view class="collectbtitemr">
<view class='goodname'>海贼王寿司店</view>
<view class="flexone starbox">
<view class="star flexone">
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
</view>
<view class="shouprice">￥88</view>
</view>
<view class="addressbox flexone">
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
</view>
</view>
</view>
</view>
<scroll-view scroll-y="{{isScroll}}" style='height:{{windowHeight}}px' wx:else>
<block wx:key="item" wx:for="{{data}}">
<view data-index='{{index}}' class="order-item" bindtouchstart="drawStart" bindtouchmove="drawMove" bindtouchend="drawEnd" style="right:{{item.right}}rpx">
<view class="colectbitem flex">
<view class="collectbitemleft">
<image src="/img/photo.png"></image>
</view>
<view class="collectbtitemr">
<view class="userbox flexone">
<view class="userimg">
<image src="/img/kele.png"></image>
</view>
<view class="username">用户名称</view>
<view class="userlevel">Lv 20</view>
</view>
<view class='goodname goodtext'>海贼王寿司店海贼王寿司店海贼王寿司店海贼王寿司店海贼王寿司店</view>
<view class="addressbox flexone">
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
<view class='asddressitem'>东京街</view>
</view>
</view>
</view>
<view class="remove" bindtap="delItem">
<view class="delimg">
<image src="/img/delimg.png"></image>
</view>
</view>
</view>
</block>
</scroll-view>
<view class="nomoer">没有更多了哦～</view>
... ...
.colecttop {
width: 750rpx;
height: 100rpx;
background: #fff;
padding: 0 162rpx;
box-sizing: border-box;
}
.collectitem {
color: #06121e;
font-size: 28rpx;
}
.collectactive {
color: #fdaa2a;
font-size: 32rpx;
position: relative;
}
.collectactive::after {
display: block;
content: '';
width: 160rpx;
height: 1rpx;
background: #fdaa2a;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -20rpx;
}
page {
background: #fbf8fb;
}
.shouprice {
color: #06121e;
font-size: 28rpx;
font-weight: bold;
margin-left: 4rpx;
}
.colectbitem {
width: 686rpx;
background: rgba(255, 255, 255, 1);
opacity: 1;
border-radius: 8rpx;
padding: 24rpx 28rpx;
box-sizing: border-box;
margin: 0 auto 16rpx;
}
.collectbitemleft {
width: 122rpx;
height: 122rpx;
font-size: 0;
}
.collectbtitemr {
width:420rpx;
margin-left: 28rpx;
}
.goodname {
color: #06121e;
font-size: 28rpx;
font-weight: bold;
}
.starbox {
margin-top: 6rpx;
}
.addressbox {
margin-top: 10rpx;
}
.asddressitem {
color: #8c9198;
font-size: 22rpx;
margin-right: 12rpx;
}
.userimg {
width: 48rpx;
height: 48rpx;
font-size: 0;
}
.username {
color: #06121e;
font-size: 24rpx;
margin-left: 10rpx;
}
.userlevel {
width: 58rpx;
height: 30rpx;
background: rgba(253, 170, 42, 1);
opacity: 1;
border-radius: 12rpx;
color:#fff;
font-size: 16rpx;
text-align: center;
line-height: 30rpx;
margin-left:22rpx;
}
.goodtext{
margin-top:16rpx;
}
.order-item {
height: 240rpx;
width: 100%;
display: flex;
position: relative;
}
.remove{
width: 160rpx;
height: 95%;
background:rgba(189,196,206,1);
color: white;
position: absolute;
top: 0;
right: -160rpx;
display: flex;
justify-content: center;
align-items: center;
}
.delimg{
width:36rpx;
height:36rpx;
font-size: 0
}
\ No newline at end of file
... ...
// pages/comment/comment.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="infobox">
<view class="infoTitle">海贼王寿司店</view>
<view class="evaluateItem">
<view class="tltle">评价</view>
<view class="starbox">
<image class="starItem" src="/img/star.png" />
<image class="starItem" src="/img/star.png" />
<image class="starItem" src="/img/star.png" />
<image class="starItem" src="/img/star.png" />
<image class="starItem" src="/img/banke.png" />
</view>
</view>
<textarea placeholder="说说此刻的感受吧…" class="wordArea" />
<view class="labelbox">
<view class="labelItem">
<text>+</text>标题
</view>
</view>
<view class="imgarr">
<image class="imgItem" mode="aspectFill" src="/img/jiang.png" />
</view>
</view>
<view class="costbox">
<view class="costTitle">人均</view>
<view class="fillbox">
<text>¥</text>
<input placeholder="请输入消费金额" class="fillCost" type="number"/>
</view>
</view>
<view class="submit btnActive">发表</view>
\ No newline at end of file
... ...
page {
background: #F9F9F9;
padding: 0 32rpx 32rpx;
box-sizing: border-box;
}
.infobox {
width: 686rpx;
background: rgba(255, 255, 255, 1);
margin: 16rpx 0;
padding: 38rpx 32rpx 26rpx;
box-sizing: border-box;
}
.imgarr {
width: 100%;
margin-top: 36rpx;
}
.imgItem {
width: 176rpx;
height: 176rpx;
margin-right: 24rpx;
margin-bottom: 32rpx;
}
.imgItem:nth-child(3n) {
margin-right: 0;
}
.wordArea {
min-height: 150rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 40rpx;
color: rgba(189, 196, 206, 1);
margin-top: 32rpx;
}
.labelbox {
margin-top: 32rpx;
}
.labelItem {
display: inline-block;
padding: 8rpx 22rpx;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(189, 196, 206, 1);
opacity: 1;
border-radius: 24rpx;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.infoTitle {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 44rpx;
color: rgba(0, 0, 0, 1);
margin-bottom: 20rpx;
}
.evaluateItem {
margin-bottom: 8px;
display: flex;
align-items: center;
}
.tltle {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
.evaluateItem .infoboxtltle {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 40rpx;
color: rgba(0, 0, 0, 1);
}
.starbox {
margin-left: 16rpx;
display: flex;
align-items: center;
}
.starItem {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
}
.costbox {
width: 686rpx;
height: 100rpx;
background: rgba(255, 255, 255, 1);
padding: 0 32rpx;
box-sizing: border-box;
display: flex;
align-items: center;
}
.costTitle {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 44rpx;
color: rgba(0, 0, 0, 1);
margin-right: 48rpx;
}
.fillbox {
display: flex;
align-items: center;
}
.fillbox text {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 40rpx;
color: rgba(0, 0, 0, 1);
}
.fillCost {
width: 196rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: rgba(189, 196, 206, 1);
margin-left: 20rpx;
}
.submit {
width: 686rpx;
height: 88rpx;
background: rgba(189, 196, 206, 1);
opacity: 1;
border-radius: 8rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: rgba(249, 249, 249, 1);
display: flex;
justify-content: center;
align-items: center;
margin-top: 56rpx;
}
.btnActive {
background: #FDAA2A;
}
\ No newline at end of file
... ...
// pages/commentdetail/commentdetail.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="photo">
<view class="photobox">
<view class="comtop flextwo">
<view class="comleft">
<image src="/img/kele.png"></image>
</view>
<view class="comright">
<view class="comrtop flexone">
<view class="comrname">一心只想撤撤撤</view>
<view class="star starone flexone">
<view class="staritem">
<image src="/img/fenxing.png"></image>
</view>
<view class="staritem">
<image src="/img/fenxing.png"></image>
</view>
<view class="staritem">
<image src="/img/fenxing.png"></image>
</view>
<view class="staritem">
<image src="/img/fenxing.png"></image>
</view>
<view class="staritem">
<image src="/img/stfenxingr.png"></image>
</view>
</view>
</view>
<view class="comdate">2019年10月12日</view>
</view>
</view>
<view class="comtext flexone">
<view class="comleft"></view>
<view class="comright">
<view class="flexone fenxia">
<view class="star starone flexone">
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/pingfenshi.png"></image>
</view>
<view class="staritem">
<image src="/img/banke.png"></image>
</view>
</view>
<view class="fen">8.5分</view>
</view>
<view class="text">
掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
</view>
<view class="textboximg flexone">
<view class="boxitem">
<image src="/img/photo.png"></image>
</view>
<view class="boxitem">
<image src="/img/photo.png"></image>
</view>
<view class="boxitem">
<image src="/img/photo.png"></image>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="detailcommentbox">
<view class="phototopleft flexone">
<view class="xiang">点评 </view>
<view class="tiao">(800条)</view>
</view>
<view class="commentlist">
<view class="commentitem">
<view class="comtop flextwo">
<view class="comleft">
<image src="/img/kele.png"></image>
</view>
<view class="comright">
<view class="listtop flextwo">
<view class="comrtop">
<view class="comrname">一心只想撤撤撤</view>
<view class="comdate">2019年10月12日</view>
</view>
<view class="listzan flexone">
<view class="lsitzanleft">
<image src="/img/xiaozan.png"></image>
</view>
<view class="zannumber">35</view>
</view>
</view>
</view>
</view>
<view class="comtext flexone">
<view class="comleft"></view>
<view class="comright">
<view class="text">
掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
</view>
</view>
</view>
</view>
<view class="commentitem">
<view class="comtop flextwo">
<view class="comleft">
<image src="/img/kele.png"></image>
</view>
<view class="comright">
<view class="listtop flextwo">
<view class="comrtop">
<view class="comrname">一心只想撤撤撤</view>
<view class="comdate">2019年10月12日</view>
</view>
<view class="listzan flexone">
<view class="lsitzanleft">
<image src="/img/xiaozan.png"></image>
</view>
<view class="zannumber">35</view>
</view>
</view>
</view>
</view>
<view class="comtext flexone">
<view class="comleft"></view>
<view class="comright">
<view class="text">
掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
</view>
</view>
</view>
</view>
</view>
</view>
<!-- 底部评论 -->
<view class="commentbototm flextwo">
<view class="commbotleft">
<input placeholder="写点什么..." placeholder-class="enter"/>
</view>
<view class="combotright flexone">
<view class="combotitem flexone itemleft">
<view class="combotitemleft ">
<image src="/img/dazan.png"></image>
</view>
<view class="combotzannumber">23</view>
</view>
<view class="combotitem flexone">
<view class="combotitemleft">
<image src="/img/collect.png"></image>
</view>
<view class="combotzannumber">23</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
@import '../morecomment/morecomment.wxss';
.photo {
margin-top: 0;
background: #fff;
}
.comright {
width: 575rpx;
}
.boxitem {
width: 186rpx;
height: 186rpx;
}
.star {
margin-left: 12rpx;
}
.detailcommentbox {
padding: 0 32rpx 150rpx;
box-sizing: border-box;
}
.phototopleft {
margin-top: 36rpx;
}
.commentitem {
width: 686rpx;
background: rgba(255, 255, 255, 1);
opacity: 1;
border-radius: 8rpx;
padding: 36rpx 32rpx;
box-sizing: border-box;
margin-top: 20rpx;
}
.lsitzanleft {
width: 24rpx;
height: 24rpx;
font-size: 0;
}
.zannumber {
color: #8c9198;
font-size: 22rpx;
margin-left: 12rpx;
}
/* 底部评论 */
.commentbototm {
width: 750rpx;
padding: 24rpx 32rpx;
box-sizing: border-box;
background: #fff;
position: fixed;
bottom: 0;
left: 0;
}
.commbotleft {
width: 382rpx;
height: 56rpx;
background: rgba(238, 238, 238, 1);
opacity: 1;
border-radius: 8rpx;
color: #bdc4ce;
font-size: 24rpx;
}
.commbotleft input{
width:100%;
height:100%;
padding: 12rpx 38rpx;
box-sizing: border-box;
}
.enter {
color: #bdc4ce;
font-size: 24rpx;
}
.combotitemleft{
width:44rpx;
height:44rpx;
font-size: 0
}
.combotzannumber{
color:#06121E;
font-size: 24rpx;
margin-left:6rpx;
}
.itemleft{
margin-right:40rpx;
}
\ No newline at end of file
... ...
// pages/examine/examine.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
// 查看详情
detail(){
wx.navigateTo({
url: '/pages/commentdetail/commentdetail',
})
},
// 我的点评
mycomment(){
wx.navigateTo({
url: '/pages/morecomment/morecomment',
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
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="box">
<view class="iconbox">
<image src="/img/chenggong_img.png" class="icon" mode="widthFix"/>
</view>
<view class="tipsword">
<view>点评正在审核中</view>
<view>可在我的评论中查看审核状态</view>
</view>
<view class="btnbox">
<view class="btnItem" bindtap="detail">查看点评详情</view>
<view class="btnItem" bindtap="mycomment">我的评论</view>
</view>
</view>
... ...
page {
background: #F9F9F9;
}
.box {
width: 454rpx;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
padding: 200rpx 0;
}
.iconbox {
width: 100%;
}
.icon {
width: 100%;
}
.tipsword {
width: 364rpx;
margin-top: 60rpx;
}
.tipsword view {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 44rpx;
color: rgba(6, 18, 30, 1);
text-align: center;
}
.btnbox{
margin-top: 86rpx;
}
.btnItem {
width: 232rpx;
height: 72rpx;
background: rgba(253, 170, 42, 1);
border-radius: 8rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 72rpx;
text-align: center;
color: rgba(255, 255, 255, 1);
margin-bottom: 40rpx;
}
.btnItem:last-child{
color: #8C9198;
background: #F9F9F9;
border:2rpx solid rgba(140,145,152,1);
}
\ No newline at end of file
... ...
// pages/homepage/homepage.js
Page({
/**
* 页面的初始数据
*/
data: {
imgUrls: [
'../../img/bannerimg.png',
'../../img/bannerimg.png',
'../../img/bannerimg.png'
],
indicatorDots: false,
autoplay: false,
interval: 2000,
duration: 1000,
currentSwiper: 0,
// 主页导航头部
navarr: ['商圈', '菜系', '评级', '综合'],
sel: 0,
selk: 0,
index: 0,
selarray: ['全部', '银座', '金座'],
toparr: ['商圈', '菜系', '评级', '综合'],
topindex: 0,
wrap:false,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
console.log(this.data.navindex)
},
goodtail(){
wx.navigateTo({
url: '/pages/shopdetail/shopdetail',
})
},
// 页面头部切换
selnav(e){
this.setData({
sel:e.currentTarget.dataset.index,
wrap:true
})
if(this.data.sel==0){
this.setData({
selarray: ['全部', '银座', '金座'],
selt:0,
selk: ''
})
}else if(this.data.sel==1){
this.setData({
selarray: ['东京菜（234）', '神户菜(23)', '大阪菜(45)'],
selt: 1,
selk: ''
})
}else if(this.data.sel==2){
this.setData({
selarray: ['米其林三星级(123)', '米其林二星级(123)', '米其林一星级(123)'],
selt: 2,
selk: ''
})
} else if (this.data.sel == 3) {
this.setData({
selarray: ['好评优先', '距离优先', '高价优先','低价优先'],
selt: 3,
selk: ''
})
}
},
// 遮罩层头部切换
selnavk(e) {
this.setData({
selt: e.currentTarget.dataset.index
})
if (this.data.selt == 0) {
this.setData({
selarray: ['全部', '银座', '金座'],
})
} else if (this.data.selt == 1) {
this.setData({
selarray: ['东京菜（234）', '神户菜(23)', '大阪菜(45)'],
})
} else if (this.data.selt == 2) {
this.setData({
selarray: ['米其林三星级(123)', '米其林二星级(123)', '米其林一星级(123)'],
})
} else if (this.data.selt == 3) {
this.setData({
selarray: ['好评优先', '距离优先', '高价优先', '低价优先'],
})
}
},
go(){
},
selwrap(e) {
this.setData({
selk: e.currentTarget.dataset.index
})
console.log(this.data.selk)
},
selctcity() {
wx.navigateTo({
url: '/pages/searchcity/searchcity',
})
},
swiperChange: function(e) {
this.setData({
currentSwiper: e.detail.current
})
},
// 搜索框
search() {
wx.navigateTo({
url: '/pages/searchresult/searchresult',
})
},
// 隐藏遮罩层
hidewrap(){
this.setData({
wrap:false
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
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="tou">
<view class="head">
<view class="headleft flexone" bindtap="selctcity">
<view class="headleftimg">
<image src="/img/address.png" mode=""></image>
</view>
<view class="cityname commonname">日本</view>
</view>
<view class="headmiddle" bindtap="search">
<view class="headmiddleleft">
<image src="/img/search.png" mode=""></image>
</view>
<view class="headmiddleright">
<input type="text" placeholder="请输入搜索内容" placeholder-class="shuru" />
</view>
</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>
<image src="{{item}}" class="slide-image" />
<view class="picimg">
<image src="/img/meitu.png"></image>
</view>
</swiper-item>
</block>
</swiper>
<view class="dots">
<block wx:for="{{imgUrls}}" wx:key="d">
<view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
</block>
</view>
</view>
<view class="navhead flextwo">
<view class="navitem commontwo flexone" data-id="1" bindtap="selnav" data-index="{{index}}" wx:for="{{navarr}}" wx:key="">
<view class="itemname {{sel==index?'navactive':''}}">{{item}}</view>
<view class="itemimg">
<image src="/img/heixiala.png" wx:if="{{sel==index}}"></image>
<image src="/img/xiala.png" wx:else></image>
</view>
</view>
</view>
</view>
<view class='case-page'>
<view class='list-masonry'>
<view class='item-masonry' bindtap="goodtail">
<image src='/img/deng.png' mode='widthFix'></image>
<view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
<view class="intro flexone">
<view class="introleft">
魚介?海鮮料理
</view>
<view class="introright">
<view class="ping flexone">
<view class="pingleft">
<image src='/img/kuaizi.png'></image>
</view>
<view class="pingfen">4.7</view>
</view>
<view class="hualist flexone">
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
</view>
</view>
</view>
<view class="shou">
<text class="shoumoney">￥50</text>
<text class="shouren">/人</text>
</view>
<view class="addname flexone">
<view class="addimg">
<image src="/img/huangweizhi.png"></image>
</view>
<view class="dizhi commnameone">银厦</view>
</view>
</view>
<view class='item-masonry'>
<image src='/img/deng.png' mode='widthFix'></image>
<view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
<view class="intro flexone">
<view class="introleft">
魚介?海鮮料理
</view>
<view class="introright">
<view class="ping flexone">
<view class="pingleft">
<image src='/img/kuaizi.png'></image>
</view>
<view class="pingfen">4.7</view>
</view>
<view class="hualist flexone">
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
</view>
</view>
</view>
<view class="shou">
<text class="shoumoney">￥50</text>
<text class="shouren">/人</text>
</view>
<view class="addname flexone">
<view class="addimg">
<image src="/img/huangweizhi.png"></image>
</view>
<view class="dizhi commnameone">银厦</view>
</view>
</view>
<view class='item-masonry'>
<image src='/img/juxia.png' mode='widthFix'></image>
<view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
<view class="intro flexone">
<view class="introleft">
魚介?海鮮料理
</view>
<view class="introright">
<view class="ping flexone">
<view class="pingleft">
<image src='/img/kuaizi.png'></image>
</view>
<view class="pingfen">4.7</view>
</view>
<view class="hualist flexone">
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
</view>
</view>
</view>
<view class="shou">
<text class="shoumoney">￥50</text>
<text class="shouren">/人</text>
</view>
<view class="addname flexone">
<view class="addimg">
<image src="/img/huangweizhi.png"></image>
</view>
<view class="dizhi commnameone">银厦</view>
</view>
</view>
<view class='item-masonry'>
<image src='/img/fenxia.png' mode='widthFix'></image>
<view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
<view class="intro flexone">
<view class="introleft">
魚介?海鮮料理
</view>
<view class="introright">
<view class="ping flexone">
<view class="pingleft">
<image src='/img/kuaizi.png'></image>
</view>
<view class="pingfen">4.7</view>
</view>
<view class="hualist flexone">
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
</view>
</view>
</view>
<view class="shou">
<text class="shoumoney">￥50</text>
<text class="shouren">/人</text>
</view>
<view class="addname flexone">
<view class="addimg">
<image src="/img/huangweizhi.png"></image>
</view>
<view class="dizhi commnameone">银厦</view>
</view>
</view>
<view class='item-masonry'>
<image src='/img/juxia.png' mode='widthFix'></image>
<view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
<view class="intro flexone">
<view class="introleft">
魚介?海鮮料理
</view>
<view class="introright">
<view class="ping flexone">
<view class="pingleft">
<image src='/img/kuaizi.png'></image>
</view>
<view class="pingfen">4.7</view>
</view>
<view class="hualist flexone">
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
</view>
</view>
</view>
<view class="shou">
<text class="shoumoney">￥50</text>
<text class="shouren">/人</text>
</view>
<view class="addname flexone">
<view class="addimg">
<image src="/img/huangweizhi.png"></image>
</view>
<view class="dizhi commnameone">银厦</view>
</view>
</view>
<view class='item-masonry'>
<image src='/img/deng.png' mode='widthFix'></image>
<view class="goodname">基值支义们京候么眼革下使叫南石很少去构。</view>
<view class="intro flexone">
<view class="introleft">
魚介?海鮮料理
</view>
<view class="introright">
<view class="ping flexone">
<view class="pingleft">
<image src='/img/kuaizi.png'></image>
</view>
<view class="pingfen">4.7</view>
</view>
<view class="hualist flexone">
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
<view class="huaitem">
<image src="/img/flower.png"></image>
</view>
</view>
</view>
</view>
<view class="shou">
<text class="shoumoney">￥50</text>
<text class="shouren">/人</text>
</view>
<view class="addname flexone">
<view class="addimg">
<image src="/img/huangweizhi.png"></image>
</view>
<view class="dizhi commnameone">银厦</view>
</view>
</view>
</view>
</view>
<view class="register" wx:if="{{wrap}}" bindtap="hidewrap">
<view class="topwrap" catchtap="go">
<view class="flextwo">
<view class="navitem commontwo flexone" catchtap="selnavk" wx:for="{{toparr}}" wx:key='' data-index="{{index}}">
<view class="itemname {{selt==index?'navactivek':''}}">{{item}}</view>
<view class="itemimg">
<image src="/img/heixiala.png" wx:if="{{sel==1}}"></image>
<image src="/img/xiala.png" wx:else></image>
</view>
</view>
</view>
<view class="wrappage">
<view class="wrapitem {{selk==index?'wrapactive':''}}" wx:for="{{selarray}}" wx:key="" catchtap="selwrap" data-index="{{index}}">
{{item}}
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
image {
width: 100%;
height: 100%;
}
.cityname {
font-weight: bold;
margin-left: 16rpx;
}
/* 轮播图 */
.swiper_image {
width: 686rpx;
height: 308rpx;
font-size: 0;
margin: 32rpx auto 0;
position: relative;
}
swiper {
width: 686rpx;
height: 308rpx;
}
.swiper_image image {
width: 100%;
height: 100%;
}
.swiper_item_img swiper-item {
width: 686rpx;
height: 308rpx;
}
.swiper_item_img swiper-item image {
width: 100%;
height: 100%;
}
swiper-item {
position: relative;
}
.picimg {
width: 156rpx;
height: 76rpx;
position: absolute;
right: 36rpx;
bottom: 30rpx;
}
.dots {
height: 36rpx;
display: flex;
flex-direction: row;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 10rpx;
}
/*未选中时的小圆点样式 */
.dot {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
margin-right: 16rpx;
background-color: #b9c0f7;
}
/*选中以后的小圆点样式 */
.active {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #fff;
}
.navhead {
padding: 24rpx 32rpx;
box-sizing: border-box;
}
.navitem {
width: 170rpx;
display: flex;
justify-content: center;
align-items: center;
}
.itemname {
color: #8c9198;
font-size: 28rpx;
}
.itemimg {
width: 10rpx;
height: 8rpx;
font-size: 0;
margin-left: 10rpx;
}
.navactive {
color: #06121e;
position: relative;
font-weight: bold;
}
.navactive:after {
display: block;
content: '';
width: 170rpx;
height: 4rpx;
background: #fcb952;
position: absolute;
bottom: -20rpx;
left: 50%;
transform: translateX(-50%);
}
.case-page {
padding: 20rpx;
}
.list-masonry {
column-count: 2;
column-gap: 20rpx;
}
.tou {
background: #fff;
}
.item-masonry {
background-color: #fff;
break-inside: avoid;
box-sizing: border-box;
padding: 20rpx;
margin-bottom: 28rpx;
box-shadow: 0rpx 8rpx 16rpx rgba(0, 0, 0, 0.08);
border-radius: 8rpx;
}
.item-masonry image {
width: 100%;
}
.goodname {
color: #3d444d;
font-size: 24rpx;
font-weight: bold;
margin-top: 20rpx;
width: 296rpx;
}
.hualist {
margin-top: 4rpx;
}
.huaitem {
width: 20rpx;
height: 20rpx;
font-size: 0;
margin-right: 6rpx;
}
.pingleft {
width: 28rpx;
height: 28rpx;
font-size: 0;
}
.pingfen {
color: #fca052;
font-size: 22rpx;
margin-left: 6rpx;
}
.introleft {
width: 188rpx;
height: 42rpx;
background: rgba(255, 255, 255, 1);
border: 1rpx solid rgba(112, 112, 112, 1);
opacity: 1;
border-radius: 180rpx;
color: #3d444d;
font-size: 22rpx;
text-align: center;
line-height: 42rpx;
}
.introright {
margin-left: 40rpx;
}
.shou {
margin-top: 16rpx;
}
.shoumoney {
color: #fe484c;
font-size: 28rpx;
}
.shouren {
color: #3d444d;
font-size: 22rpx;
}
.addimg {
width: 28rpx;
height: 28rpx;
font-size: 0;
}
.dizhi {
margin-left: 2rpx;
}
.addname {
margin-top: 5rpx;
}
page {
background: #f9f9f9;
}
.topwrap{
width: 750rpx;
background: rgba(255, 255, 255, 1);
opacity: 1;
border-radius: 0rpx 0rpx 20rpx 20rpx;
background: #fff;
position: fixed;
}
.navactivek{
color: #06121e;
position: relative;
font-weight: bold;
}
.wrapitem{
color:#06121E;
font-size: 24rpx;
font-weight: bold;
padding: 16rpx 52rpx;
box-sizing: border-box;
border-bottom:1rpx solid #f5f5f5;
}
.wrappage{
margin-top:26rpx;
}
.wrapactive{
color:#FDAA2A;
}
\ No newline at end of file
... ...
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad: function () {
if (app.globalData.userInfo) {
this.setData({
userInfo: app.globalData.userInfo,
hasUserInfo: true
})
} else if (this.data.canIUse){
// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
// 所以此处加入 callback 以防止这种情况
app.userInfoReadyCallback = res => {
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
} else {
// 在没有 open-type=getUserInfo 版本的兼容处理
wx.getUserInfo({
success: res => {
app.globalData.userInfo = res.userInfo
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
})
}
},
getUserInfo: function(e) {
console.log(e)
app.globalData.userInfo = e.detail.userInfo
this.setData({
userInfo: e.detail.userInfo,
hasUserInfo: true
})
}
})
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--index.wxml-->
<view class="container">
<view class="userinfo">
<button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
<block wx:else>
<image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
<text class="userinfo-nickname">{{userInfo.nickName}}</text>
</block>
</view>
<view class="usermotto">
<text class="user-motto">{{motto}}</text>
</view>
</view>
... ...
/**index.wxss**/
.userinfo {
display: flex;
flex-direction: column;
align-items: center;
}
.userinfo-avatar {
width: 128rpx;
height: 128rpx;
margin: 20rpx;
border-radius: 50%;
}
.userinfo-nickname {
color: #aaa;
}
.usermotto {
margin-top: 200px;
}
\ No newline at end of file
... ...
// pages/login/login.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
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<view class="head">
<image class="avator" src="/img/head.png" mode="widthFix" />
\<view class="btn">微信你登陆</view>
</view>
\ No newline at end of file
... ...
.head{
padding: 120rpx 0;
margin: 0 auto;
width: 360rpx;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.avator{
width: 197rpx;
}
.btn{
width:360rpx;
height:80rpx;
background:rgba(253,172,48,1);
border:2rpx solid rgba(253,170,42,1);
border-radius:8rpx;
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
line-height:80rpx;
text-align: center;
color:rgba(249,249,249,1);
margin-top: 500rpx;
}
\ No newline at end of file
... ...
//logs.js
const util = require('../../utils/util.js')
Page({
data: {
logs: []
},
onLoad: function () {
this.setData({
logs: (wx.getStorageSync('logs') || []).map(log => {
return util.formatTime(new Date(log))
})
})
}
})
... ...
{
"navigationBarTitleText": "查看启动日志",
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--logs.wxml-->
<view class="container log-list">
<block wx:for="{{logs}}" wx:for-item="log">
<text class="log-item">{{index + 1}}. {{log}}</text>
</block>
</view>
... ...
.log-list {
display: flex;
flex-direction: column;
padding: 40rpx;
}
.log-item {
margin: 10rpx;
}
... ...
// pages/morecomment/morecomment.js
Page({
/**
* 页面的初始数据
*/
data: {
comentarr: ['全部', '好评', '差评', '带图评论'],
coment:0,
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
},
selitem(e){
console.log(e)
this.setData({
coment: e.currentTarget.dataset.index
})
},
comdetail(){
wx.navigateTo({
url: '/pages/commentdetail/commentdetail',
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
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="commenttop flexone">
<view class="commenttopitem {{coment==index?'comactive':''}}" wx:for="{{comentarr}}" wx:key="" bindtap="selitem" data-index="{{index}}">{{item}}</view>
</view>
<view class="bodybox">
<view class="photo" >
<view class="jianintro photobox" bindtap="comdetail">
<view class="comtop flextwo">
<view class="comleft">
<image src="/img/kele.png"></image>
</view>
<view class="comright">
<view class="comrtop flextwo">
<view class="comrname">一心只想撤撤撤</view>
<view class="star starone flexone">
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
</view>
</view>
<view class="comdate">2019年10月12日</view>
</view>
</view>
<view class="comtext flexone">
<view class="comleft"></view>
<view class="comright">
<view class="flexone fenxia">
<view class="star starone flexone">
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/banke.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
</view>
<view class="fen">8.5分</view>
</view>
<view class="text">
掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
</view>
<view class="textboximg flexone">
<view class="boxitem">
<image src="/img/photo.png"></image>
</view>
<view class="boxitem">
<image src="/img/photo.png"></image>
</view>
<view class="boxitem">
<image src="/img/photo.png"></image>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="photo" >
<view class="jianintro photobox" bindtap="comdetail">
<view class="comtop flextwo">
<view class="comleft">
<image src="/img/kele.png"></image>
</view>
<view class="comright">
<view class="comrtop flextwo">
<view class="comrname">一心只想撤撤撤</view>
<view class="star starone flexone">
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
</view>
</view>
<view class="comdate">2019年10月12日</view>
</view>
</view>
<view class="comtext flexone">
<view class="comleft"></view>
<view class="comright">
<view class="flexone fenxia">
<view class="star starone flexone">
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
<view class="staritem">
<image src="/img/banke.png"></image>
</view>
<view class="staritem">
<image src="/img/star.png"></image>
</view>
</view>
<view class="fen">8.5分</view>
</view>
<view class="text">
掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
</view>
<view class="textboximg flexone">
<view class="boxitem">
<image src="/img/photo.png"></image>
</view>
<view class="boxitem">
<image src="/img/photo.png"></image>
</view>
<view class="boxitem">
<image src="/img/photo.png"></image>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...