miniprogram / mieweiriben · 提交

转到一个项目

作者 lihongjuan
提交 53fefb93ad954275c60c3c50b4da5050af501f93 0 个父辈

tijiao

内嵌 并排对比
正在显示 140 个修改的文件 包含 5871 行增加 和 0 行删除
//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
... ...
@import '../shopdetail/shopdetail.wxss';
.commenttopitem {
padding: 4rpx 32rpx;
box-sizing: border-box;
color: #06121sele;
font-size: 24rpx;
text-align: center;
border: 1rpx solid rgba(112, 112, 112, 1);
opacity: 1;
border-radius: 180rpx;
margin-right:22rpx;
}
.commenttop{
padding: 28rpx 32rpx;
box-sizing: border-box;
background: #fff;
}
.comactive{
color:#FDAA2A;
font-size: #FDAA2A;
border:1rpx solid #FDAA2A;
}
... ...
// pages/morephoto/morephoto.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="photoptop flexone">
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem lastimg">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem lastimg">
<image src="/img/photo.png"></image>
</view>
</view>
\ No newline at end of file
... ...
@import '../shopdetail/shopdetail.wxss';
.jianintro {
background: #FBF8FB;
}
.photobox{
padding: 30rpx;
box-sizing: border-box;
}
.photoitem{
width:214rpx;
height:214rpx;
}
.photoptop{
padding: 30rpx 12rpx 30rpx 30rpx;
flex-wrap: wrap
}
\ No newline at end of file
... ...
// 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="usertop flexone">
<view class="comrname">一心只想撤撤撤</view>
<view class="userlevel">Lv 20</view>
</view>
<view class="delimg">
<image src="/img/delimg.png"></image>
</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="fuwu flexone">
<view class="fuwuitem">服务：4.2</view>
<view class="fuwuitem">口味：4.2</view>
<view class="fuwuitem">环境：4.2</view>
<view class="fuwuitem">食材：4.2</view>
</view>
<view class="text">
掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
</view>
<view class="all">全部</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 class="jianbot flextwo">
<view class="jianleft flex">
<view class="collectbitemleft">
<image src="/img/photo.png"></image>
</view>
<view class="collectbtitemr">
<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="jianright">
<image src="/img/graycollect.png"></image>
</view>
</view>
<view class="combotright flexone">
<view class="combotitem flexone itemleft">
<view class="combotitemleft ">
<image src="/img/pingtiao.png"></image>
</view>
<view class="combotzannumber">23</view>
</view>
<view class="combotitem flexone">
<view class="combotitemleft">
<image src="/img/smallzan.png"></image>
</view>
<view class="combotzannumber">23</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="usertop flexone">
<view class="comrname">一心只想撤撤撤</view>
<view class="userlevel">Lv 20</view>
</view>
<view class="flexone">
<view class="statename">未通过</view>
<view class="delimg">
<image src="/img/delimg.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="fuwu flexone">
<view class="fuwuitem">服务：4.2</view>
<view class="fuwuitem">口味：4.2</view>
<view class="fuwuitem">环境：4.2</view>
<view class="fuwuitem">食材：4.2</view>
</view>
<view class="text">
掌柜态度很专业热情，有问必答，回复也很快，我问了不少问题，他都不觉得烦，都会认真回答我，这点我向掌柜表示由衷的敬意，这样的好掌柜可不多了。
</view>
<view class="all">全部</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 class="jianbot flextwo">
<view class="jianleft flex">
<view class="collectbitemleft">
<image src="/img/photo.png"></image>
</view>
<view class="collectbtitemr">
<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="jianright">
<image src="/img/graycollect.png"></image>
</view>
</view>
<view class="combotright flexone">
<view class="combotitem flexone itemleft">
<view class="combotitemleft ">
<image src="/img/pingtiao.png"></image>
</view>
<view class="combotzannumber">23</view>
</view>
<view class="combotitem flexone">
<view class="combotitemleft">
<image src="/img/smallzan.png"></image>
</view>
<view class="combotzannumber">23</view>
</view>
</view>
</view>
</view>
<view class="nomoer">没有更多了哦～</view>
\ No newline at end of file
... ...
@import '../shopdetail/shopdetail.wxss';
.commenttopitem {
padding: 4rpx 32rpx;
box-sizing: border-box;
color: #06121e;
font-size: 24rpx;
text-align: center;
border: 1rpx solid rgba(112, 112, 112, 1);
opacity: 1;
border-radius: 180rpx;
margin-right: 22rpx;
}
.commenttop {
padding: 28rpx 32rpx;
box-sizing: border-box;
background: #fff;
}
.comactive {
color: #fdaa2a;
font-size: #fdaa2a;
border: 1rpx solid #fdaa2a;
}
.delimg {
width: 32rpx;
height: 32rpx;
font-size: 0
}
.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;
}
.fuwu {
margin-top: 14rpx;
}
.fuwuitem {
color: #000;
font-size: 22rpx;
margin-right: 10rpx;
}
.all {
color: #fdaa2a;
font-size: 22rpx;
margin-top: 10rpx;
}
.jianbot {
width: 602rpx;
height: 116rpx;
background: rgba(238, 238, 238, 1);
opacity: 1;
border-radius: 8rpx;
margin: 28rpx auto 0;
padding: 0 24rpx;
box-sizing: border-box;
}
.jianright {
width: 44rpx;
height: 44rpx;
}
.collectbitemleft {
width: 80rpx;
height: 80rpx;
font-size: 0;
}
.goodname {
color: #06121e;
font-size: 28rpx;
margin-top: 8rpx;
}
.asddressitem {
color: #8c9198;
font-size: 22rpx;
margin-right: 10rpx;
}
.collectbtitemr {
margin-left: 20rpx;
}
.photo {
background: #fff;
}
.combotitemleft {
width: 24rpx;
height: 24rpx;
font-size: 0;
}
.combotzannumber {
color: #8c9198;
font-size: 22rpx;
margin-left: 6rpx;
}
.itemleft {
margin-right: 40rpx;
}
.combotright {
width: 602rpx;
margin: 40rpx auto 0;
display: flex;
justify-content: flex-end;
padding-bottom: 26rpx;
}
.statename {
width: 106rpx;
height: 36rpx;
background: rgba(189, 196, 206, 1);
opacity: 1;
border-radius: 180rpx;
color: #fff;
font-size: 22rpx;
text-align: center;
line-height: 36rpx;
margin-right:14rpx;
}
... ...
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
if(options.type==1){
wx.setNavigationBarTitle({
title: '传照片'
})
}else{
wx.setNavigationBarTitle({
title: '拍视频'
})
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
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="imgarr">
<image class="imgItem" mode="aspectFill" src="/img/jiang.png" />
<image class="imgItem" mode="aspectFill" src="/img/tianjia_img@2x.png" />
<image class="imgItem" mode="aspectFill" src="/img/shangchuan_img.png" />
</view>
<textarea placeholder="说说此刻的感受吧…" class="wordArea" />
<view class="labelbox">
<view class="labelItem">
<text>+</text>标题
</view>
</view>
</view>
<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>
<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>
<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>
<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>
<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>
</view>
<view class="costbox">
<view class="costTitle">人均</view>
<view class="fillbox">
<text>¥</text>
<input placeholder="请输入消费金额" class="fillCost" type="number"/>
</view>
</view>
<view class="submit">发表</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;
}
.imgarrbox {
width: 100%;
}
.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;
}
.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;
}
\ No newline at end of file
... ...
// pages/personziliao/personziliao.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="headtop">
<view class="headitem flextwo">
<view class="headitemleft">
头像
</view>
<view class="headitemright flexone">
<view class="headimg">
<image src="/img/touxiang.png"></image>
</view>
<view class="yourow">
<image src="/img/yourow.png"></image>
</view>
</view>
</view>
<view class="headitem flextwo">
<view class="headitemleft">
昵称
</view>
<view class="headitemright flexone">
<view class="headitemleft nicheg">
微信昵称
</view>
<view class="yourow">
<image src="/img/yourow.png"></image>
</view>
</view>
</view>
</view>
<view class="entertext">
<view class="textyop">用户简介</view>
<view class="textarea">
这个人什么都没写…
</view>
</view>
... ...
/* pages/personziliao/personziliao.wxss */
page{
background: #F9F9FB
}
.headimg{
width:60rpx;
height:60rpx;
font-size: 0;
margin-right:14rpx;
}
.nicheg{
margin-right:14rpx;
}
.yourow{
width:12rpx;
height:18rpx;
font-size: 0
}
.headtop{
padding: 0 32rpx;
box-sizing: border-box;
background: #fff;
margin-top:16rpx;
}
.headitem{
padding: 24rpx 0;
box-sizing: border-box;
border-bottom:1rpx solid #f5f5f5;
}
.headitemleft{
color:#3D444D;
font-size: 28rpx;
}
.textyop{
color:#3D444D;
font-size: 28rpx;
}
.textarea{
color:#BDC4CE;
font-size: 24rpx;
margin-top:16rpx;
}
.entertext{
background: #fff;
padding: 32rpx;
box-sizing: border-box;
margin-top:16rpx;
height:316rpx;
}
\ No newline at end of file
... ...
// pages/recommond/recommond.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>
\ 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/searchcity/searchcity.js
Page({
/**
* 页面的初始数据
*/
data: {
cityarr: ['东京', '东京','东京','东京'],
index:0
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
selcity(e){
this.setData({
sel:e.currentTarget.dataset.index
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
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="headmiddle">
<view class="headmiddleleft">
<image src="/img/search.png" mode=""></image>
</view>
<view class="headmiddleright">
<input type="text" placeholder="请输入搜索城市" placeholder-class="shuru" />
</view>
</view>
<view class="search">搜索</view>
</view>
</view>
<!-- 当前城市 -->
<view class="city">
<view class="citytop">当前城市</view>
<view class="citybox flexone">
<view class="cityboxitem selcityactive" wx:key="">东京</view>
</view>
</view>
<!-- 当前城市 -->
<view class="city">
<view class="citytop">热门城市</view>
<view class="citybox flexone">
<view class="cityboxitem {{sel==index?'selcityactive':''}}" wx:for="{{cityarr}}" wx:key="" bindtap="selcity" data-index="{{index}}">东京</view>
</view>
</view>
<!-- 当前城市 -->
<view class="city">
<view class="citytop">全部城市</view>
<view class="citybox flexone">
<view class="cityboxitem {{sel=='index'?'selcityactive':''}}" wx:for="{{cityarr}}" wx:key="" bindtap="selcity" data-index="{{index}}">东京</view>
</view>
</view>
\ No newline at end of file
... ...
.search {
color: #06121e;
font-size: 28rpx;
}
.headmiddle {
width: 596rpx;
}
.tou {
background: #fff;
}
page {
background: #f9f9fb;
}
/* 城市 */
.citybox {
display: flex;
flex-wrap: wrap;
margin-top:26rpx;
}
.city {
padding: 0 12rpx 0 32rpx;
box-sizing: border-box;
}
.citytop{
color:#707070;
font-size: 24rpx;
margin-top:44rpx;
}
.cityboxitem {
width: 216rpx;
height: 68rpx;
background: rgba(255, 255, 255, 1);
border: 1rpx solid rgba(189, 196, 206, 1);
opacity: 1;
border-radius: 8rpx;
color: #06121e;
font-size: 28rpx;
text-align: center;
line-height: 68rpx;
margin-right:14rpx;
margin-bottom:24rpx;
}
.selcityactive{
border:1rpx solid #FDAA2A;
}
... ...
// pages/searchresult/searchresult.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="tou">
<view class="head">
<view class="headmiddle">
<view class="headmiddleleft">
<image src="/img/search.png" mode=""></image>
</view>
<view class="headmiddleright">
<input type="text" placeholder="请输入搜索城市" placeholder-class="shuru" />
</view>
</view>
<view class="search">搜索</view>
</view>
</view>
<!-- 店推推荐 -->
<view class="city">
<view class="citytop">店铺推荐</view>
<view class="citybox flexone">
<view class="tuiitem flexone" wx:key="">
<view class="tuimg">
<image src="/img/huori.png"></image>
</view>
银座前卫拉面
</view>
<view class="tuiitem flexone" wx:key="">
<view class="tuimg">
<image src="/img/huori.png"></image>
</view>
大和寿司
</view>
<view class="tuiitem flexone" wx:key="">
一兰拉面(涩谷店)
</view>
</view>
</view>
<!-- 店推推荐 -->
<view class="city">
<view class="citytop">历史搜索</view>
<view class="citybox flexone">
<view class="tuiitem flexone" wx:key="">
寿司大
</view>
<view class="tuiitem flexone" wx:key="">
一兰拉面(涩谷店)
</view>
<view class="tuiitem flexone" wx:key="">
一兰拉面(涩谷店)
</view>
<view class="tuiitem flexone" wx:key="">
一兰拉面(涩谷店)
</view>
</view>
</view>
\ No newline at end of file
... ...
@import '../searchcity/searchcity.wxss';
.tuiitem{
padding: 12rpx 22rpx;
box-sizing: border-box;
background: #eee;
color:#06121E;
font-size: 24rpx;
text-align: center;
margin-bottom:24rpx;
margin-right:22rpx;
}
.tuimg{
width:26rpx;
height:26rpx;
font-size: 0;
margin-right:10rpx;
}
\ No newline at end of file
... ...
// pages/shopdetail/shopdetail.js
Page({
/**
* 页面的初始数据
*/
data: {
imgUrls: [
'/img/detailimg.png',
'/img/detailimg.png',
'/img/detailimg.png'
],
indicatorDots: false,
autoplay: true,
interval: 2000,
duration: 1000,
currentSwiper: 0,
hidewrapno: false,
hidewraptrue: false
},
swiperChange: function(e) {
this.setData({
currentSwiper: e.detail.current
})
},
morecomment() {
wx.navigateTo({
url: '/pages/morecoment/morecoment',
})
},
xiangce() {
wx.navigateTo({
url: '/pages/morephoto/morephoto',
})
},
// 隐藏遮罩层
sure() {
this.setData({
hidewraptrue: false
})
},
// 店铺详情
comentdetail() {
wx.navigateTo({
url: '/pages/commentdetail/commentdetail',
})
},
write(e) {
let id = e.currentTarget.dataset.id;
console.log(id)
if (id == 1) {
console.log(38843)
this.setData({
hidewraptrue: true
})
} else if (id == 2) {
console.log(334)
wx.navigateTo({
url: '/pages/passPhotos/passPhotos?type=' + 1,
})
} else if (id == 3) {
wx.navigateTo({
url: '/pages/passPhotos/passPhotos?type=' + 2,
})
} else if (id == 4) {
wx.navigateTo({
url: '/pages/comment/comment',
})
}
},
/**
* 生命周期函数--监听页面加载
*/
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="swiper_image">
<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" class="swiper_item_img" bindchange="swiperChange" circular="true">
<block wx:for="{{imgUrls}}" wx:key="doct">
<swiper-item>
<image src="{{item}}" class="slide-image" />
<view class="taildot">
{{index+1}}/{{imgUrls.length}}
</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 class="detailtop">
<view class="tailtop flextwo">
<view class="tailtopleft">海贼王拉面</view>
<view class="tailright flexone">
<view class="tailitem">
<view class="tailtopimg">
<image src="/img/zan.png"></image>
</view>
<view class="tailname">推荐</view>
</view>
<view class="tailitem">
<view class="tailtopimg">
<image src="/img/xin.png"></image>
</view>
<view class="tailname">收藏</view>
</view>
<view class="tailitem">
<view class="tailtopimg">
<image src="/img/share.png"></image>
</view>
<view class="tailname">分享</view>
</view>
</view>
</view>
<view class="cai flex">
<view class="flower flexone">
<view class="floweritem">
<image src="/img/hua.png"></image>
</view>
<view class="floweritem">
<image src="/img/hua.png"></image>
</view>
<view class="floweritem">
<image src="/img/hua.png"></image>
</view>
</view>
<view class="huaname">菜系</view>
</view>
<view class="comment flexone">
<view class="sanleft">
<image src="/img/sanxing.png"></image>
</view>
<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/banke.png"></image>
</view>
</view>
<view class="fen">8.5分</view>
<view class="tiao">800条</view>
</view>
<view class="commentone flexone">
<view class="sanleft">
<image src="/img/kuai.png"></image>
</view>
<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/banke.png"></image>
</view>
</view>
<view class="fen">8.5分</view>
</view>
</view>
</view>
<view class="bodybox">
<view class="jianintro">
<view class="jianintrotop">基值支义们京候么眼革下使叫。南石很样好清少去准连究志议构。</view>
<view class="jiantext">
你理边率他次与关好期起金志单马切红。主严拉青民解格速七取学复才太马。前属口质次意指有研叫后先按此。 省每前称非美事起也半专我料叫此没。学想象这志究反规空家很便老。
</view>
</view>
<view class="photo">
<view class="xiang" bindtap="xiangce">相册</view>
<view class="jianintro photobox">
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem">
<image src="/img/photo.png"></image>
</view>
<view class="photoitem lastimg">
<image src="/img/photo.png"></image>
</view>
</view>
</view>
<view class="photo">
<view class="phototop flextwo">
<view class="phototopleft flexone">
<view class="xiang">点评 </view>
<view class="tiao">(800条)</view>
</view>
<view class="photoright flexone" bindtap="morecomment">
<view class="morename">更多</view>
<view class="yourow">
<image src="/img/leftrow.png"></image>
</view>
</view>
</view>
<view class="jianintro photobox" bindtap="comentdetail">
<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/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="photo">
<view class="xiang" bindtap="xiangce">店铺信息</view>
<view class="addbox">
<view class="additem">
<view class="phonetop flexone">
<view class="phoetopleft ">
<image src="/img/dianhua_icon.png"></image>
</view>
<view class='phonenumber'>1233455</view>
</view>
<view class="phonetop flex addresstop">
<view class="phoetopleft ">
<image src="/img/dingwei_icon.png"></image>
</view>
<view class='phonenumber'>世纪大道东京路世纪大道东京路世纪大道东京路银座商业区5楼</view>
</view>
</view>
<view class="additem flexone">
<view class="yingshi">营业时间</view>
<view class="timebox flexone">
<view class="tiemitem">11:00-12:00</view>
</view>
</view>
<view class="additem flexone">
<view class="shouimg">
<image src="/img/renjun_icon.png"></image>
</view>
<view class="pricepeopel">
347/人
</view>
</view>
<view class="additem">
<view class="can pricepeopel">早餐信息</view>
<view class="canone pricepeopel">自助点餐：53000日元 （服务费800日元）</view>
<view class="cantwo pricepeopel">午餐套餐：53000日元 （服务费800日元、税费1600日元）</view>
<view class="cantext">
你理边率他次与关好期起金志单马切红。主严拉青民解格速七取学复才太马。前属口质次意指有研叫后先按此主严拉青民解格速七取学复才太马。
</view>
</view>
<view class="yuyuelsit flexone">
<view class="yuyueitem">可预约</view>
<view class="yuyueitem">不支持信用卡</view>
<view class="yuyueitem">又包调</view>
</view>
</view>
</view>
</view>
<view class="botfix flextwo" >
<view class="boitem" bindtap="write" data-id="1">
<view class="botitemtop">
<image src="/img/duigou.png"></image>
</view>
<view class="botname">打卡</view>
</view>
<view class="boitem" bindtap="write" data-id="2">
<view class="botitemtop">
<image src="/img/chuanphoto.png"></image>
</view>
<view class="botname">传照片</view>
</view>
<view class="boitem" bindtap="write" data-id="3">
<view class="botitemtop">
<image src="/img/video.png"></image>
</view>
<view class="botname">拍视频</view>
</view>
<view class="boitem"bindtap="write" data-id="4">
<view class="botitemtop" bindtap="write" data-id="4">
<image src="/img/writedian.png"></image>
</view>
<view class="botname">写点评</view>
</view>
</view>
<!-- 打卡失败遮罩层 -->
<view class="register" wx:if="{{hidewrap}}">
<view class="clockwrap">
<view class="gantanimg">
<image src="/img/gantan.png"></image>
</view>
<view class="shibai">打卡失败</view>
<view class="shebei">该账号已在其他设备登录</view>
<view class="bot flex">
<view class="botleft">商户地址报错</view>
<view class="botright">再试一次</view>
</view>
</view>
</view>
<!-- 打卡成功遮罩层 -->
<view class="register" wx:if="{{hidewraptrue}}">
<view class="clockwrap clockwrapy">
<view class="gantanimg">
<image src="/img/clocksuccess.png"></image>
</view>
<view class="successname">打卡成功</view>
<view class="clocksure" bindtap="sure">确定</view>
</view>
</view>
\ No newline at end of file
... ...
image {
width: 100%;
height: 100%;
}
.taildot {
width: 74rpx;
height: 38rpx;
background: rgba(140, 145, 152, 1);
opacity: 0.77;
border-radius: 180rpx;
color: #fff;
font-size: 26rpx;
text-align: center;
position: absolute;
right: 32rpx;
bottom: 54rpx;
}
/* 轮播图 */
.swiper_image {
width: 750rpx;
height: 320rpx;
font-size: 0;
position: relative;
}
swiper {
width: 750rpx;
height: 320rpx;
}
.swiper_image image {
width: 100%;
height: 100%;
}
.swiper_item_img swiper-item {
width: 750rpx;
height: 320rpx;
}
.swiper_item_img swiper-item image {
width: 100%;
height: 100%;
}
.dots {
height: 36rpx;
display: flex;
flex-direction: row;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 10rpx;
}
/*未选中时的小圆点样式 */
.dot {
width: 20rpx;
height: 20rpx;
border-radius: 50%;
margin-right: 26rpx;
background-color: #b9c0f7;
}
/*选中以后的小圆点样式 */
.active {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
background-color: #fff;
border: 4rpx solid #fff;
}
.detailtop {
width: 686rpx;
height: 300rpx;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 6rpx 12rpx rgba(41, 27, 6, 0.1);
opacity: 1;
border-radius: 8rpx;
position: absolute;
bottom: -268rpx;
left: 32rpx;
padding: 36rpx 40rpx;
box-sizing: border-box;
}
.tailtopimg {
width: 36rpx;
height: 36rpx;
font-size: 0;
}
.tailname {
color: #06121e;
font-size: 22rpx;
margin-top: 4rpx;
}
.tailitem {
margin-right: 40rpx;
}
.tailitem:last-child {
margin-right: 0;
}
.tailtopleft {
color: #000;
font-size: 36rpx;
font-weight: bold;
}
/* 菜系 */
.floweritem {
width: 32rpx;
height: 32rpx;
font-size: 0;
margin-left: 6rpx;
}
.huaname {
height: 40rpx;
border: 1rpx solid rgba(140, 145, 152, 1);
opacity: 1;
border-radius: 8rpx;
color: #8c9198;
font-size: 24rpx;
text-align: center;
line-height: 40rpx;
margin-left: 12rpx;
padding: 0 16rpx;
box-sizing: border-box;
}
.cai {
margin-top: 20rpx;
}
.sanleft {
width: 36rpx;
height: 36rpx;
font-size: 0;
}
.star {
margin-left: 16rpx;
}
.comment {
margin-top: 32rpx;
}
.fen {
color: #000;
font-size: 28rpx;
margin-left: 16rpx;
}
.tiao {
color: #8c9198;
font-size: 24rpx;
margin-left: 16rpx;
}
.commentone {
margin-top: 18rpx;
}
.jianintro {
width: 686rpx;
background: rgba(255, 255, 255, 1);
opacity: 1;
border-radius: 8rpx;
margin: 24rpx auto 0;
margin-top: 300rpx;
padding: 40rpx;
box-sizing: border-box;
}
page {
background: #fbf8fb;
}
.jianintrotop {
color: #000;
font-size: 28rpx;
font-weight: bold;
}
.jiantext {
color: #707070;
font-size: 24rpx;
margin-top: 28rpx;
}
.bodybox {
padding: 0 32rpx;
box-sizing: border-box;
}
.xiang {
color: #000;
font-size: 36rpx;
font-weight: bold;
}
.photo {
margin-top: 24rpx;
}
.photobox {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 40rpx 20rpx 40rpx 40rpx;
margin-top: 22rpx;
}
.photoitem {
width: 188rpx;
height: 188rpx;
font-size: 0;
margin-right: 22rpx;
margin-bottom: 20rpx;
}
.morename {
color: #707070;
font-size: 24rpx;
margin-right: 16rpx;
}
/* 评论 */
.comleft {
width: 74rpx;
height: 74rpx;
font-size: 0;
}
.comrname {
color: rgb(103, 118, 138);
font-size: 28rpx;
}
.comright {
margin-left: 12rpx;
flex: 1;
width: 518rpx;
}
.comdate {
color: #8c9198;
font-size: 24rpx;
margin-top: 12rpx;
}
.fenxia {
margin-top: 16rpx;
}
.starone {
margin-left: 0;
}
.text {
color: #06121e;
font-size: 24rpx;
margin-top: 26rpx;
line-height: 1.5;
}
.boxitem {
width: 160rpx;
height: 160rpx;
font-size: 0;
margin-right: 18rpx;
}
.textboximg {
margin-top: 26rpx;
}
.clockwrap {
width: 590rpx;
height: 500rpx;
background: rgba(255, 255, 255, 1);
opacity: 1;
border-radius: 8rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.clockwrapy {
height: 420rpx;
}
.gantanimg {
width: 120rpx;
height: 120rpx;
font-size: 0;
margin: 64rpx auto 0;
}
.shibai {
color: #06121e;
font-size: 32rpx;
text-align: center;
margin-top: 32rpx;
}
.shebei {
color: #8c9198;
font-size: 24rpx;
margin-top: 18rpx;
text-align: center;
}
.bot {
padding: 0 76rpx;
box-sizing: border-box;
margin-top: 58rpx;
}
.botleft {
width: 204rpx;
height: 60rpx;
border: 2rpx solid rgba(189, 196, 206, 1);
opacity: 1;
border-radius: 8rpx;
color: #bdc4ce;
font-size: 24rpx;
text-align: center;
line-height: 60rpx;
}
.botright {
width: 204rpx;
height: 60rpx;
background: rgba(253, 170, 42, 1);
opacity: 1;
border-radius: 8rpx;
color: #fff;
font-size: 24rpx;
text-align: center;
line-height: 60rpx;
margin-left: 30rpx;
}
.successname {
color: #06121e;
font-size: 32rpx;
text-align: center;
margin-top: 44rpx;
}
.clocksure {
width: 204rpx;
height: 60rpx;
background: rgba(253, 170, 42, 1);
opacity: 1;
border-radius: 8rpx;
color: #fff;
font-size: 24rpx;
text-align: center;
line-height: 60rpx;
margin: 38rpx auto 0;
}
/* 评论 */
.phoetopleft {
width: 36rpx;
height: 36rpx;
font-size: 0;
}
.phonenumber {
color: #000;
font-size: 28rpx;
margin-left: 22rpx;
font-weight: bold;
}
.addresstop {
margin-top: 12rpx;
}
.addbox {
width: 686rpx;
background: rgba(255, 255, 255, 1);
opacity: 1;
padding: 12rpx 16rpx 36rpx 36rpx;
box-sizing: border-box;
}
.additem {
padding: 20rpx 0;
border-bottom: 1rpx solid #f5f5f5;
}
.shouimg {
width: 36rpx;
height: 36rpx;
font-size: 0;
}
.timebox {
color: #8c9198;
font-size: 28rpx;
padding-left: 16rpx;
margin-left: 26rpx;
border-left: 1rpx solid #f5f5f5;
}
.yingshi {
color: #000;
font-size: 28rpx;
}
.pricepeopel {
color: #000;
font-size: 28rpx;
}
.canone{
font-size: 24rpx;
margin-top:16rpx;
}
.cantwo{
font-size: 24rpx;
margin-top:6rpx;
}
.cantext{
color:#707070;
font-size: 24rpx;
margin-top:12rpx;
}
.yuyueitem{
padding: 2rpx 38rpx;
box-sizing: border-box;
color:#000000;
font-size: 24rpx;
border:1rpx solid #8C9198;
margin-right:16rpx;
border-radius:8rpx;
}
.boitem{
display:flex;
flex-direction: column;
justify-content: center;
align-content: center;
box-sizing: border-box;
}
.botitemtop{
width:48rpx;
height:48rpx;
font-size:0;
margin:0 auto;
}
.botname{
color:#000000;
font-size: 22rpx;
margin-top:5rpx;
}
.botfix {
padding: 14rpx 70rpx;
box-sizing: border-box;
background: #fff;
}
\ No newline at end of file
... ...
// pages/usecenter/usecenter.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
// mycollect(){
// wx.navigateTo({
// url: '/pages/collectlsit/collectlist',
// })
// },
mycollect(e){
let id=e.currentTarget.dataset.id;
if(id==1){
wx.navigateTo({
url: '/pages/collectlist/collectlist',
})
}else if(id==2){
wx.navigateTo({
url: '/pages/canting/canting',
})
} else if (id == 3) {
wx.navigateTo({
url: '/pages/morephoto/morephoto',
})
} else if (id == 4) {
wx.navigateTo({
url: '/pages/mycomment/mycomment',
})
} else if (id == 5) {
wx.navigateTo({
url: '/pages/recommond/recommond',
})
}
},
ziliao(){
wx.navigateTo({
url: '/pages/personziliao/personziliao',
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "我的",
"navigationBarBackgroundColor": "#FDAA2A",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<!-- <view class="setimgtop commonpadding flex">
<view class='setimg'>
<image src="/img/detting.png" mode=""></image>
</view>
</view> -->
<view class="shangheng"></view>
<view class="commonpadding topbu" bindtap="ziliao">
<view class="tiezitopone flex">
<view class="tiezitouhead">
<image src="/img/peopleimg.png" mode=""></image>
</view>
<view class="zhuyeright">
<view class="tieziname">我是用户昵称</view>
<view class="starlist 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>
<view class="text">认下入龙中还委角年史级素油据动。求北厂风层单北群建结明儿线部时。国们五路会主研话义将党深见里资报。</view>
</view>
<view class="jumplist commonpadding">
<view class="jumpitem flextwo" bindtap='mycollect' data-id="1">
<view class='jumpleft flexone'>
<view class="jumpimg">
<image src="/img/mycollect.png" mode=""></image>
</view>
<view class="jumpname">我的收藏</view>
</view>
<view class="ordertopright">
<image src="/img/leftrow.png " mode=""></image>
</view>
</view>
<view class="jumpitem flextwo" bindtap="mycollect" data-id="2">
<view class='jumpleft flexone'>
<view class="jumpimg">
<image src="/img/qucanting.png" mode=""></image>
</view>
<view class="jumpname">去过的餐厅</view>
</view>
<view class="ordertopright">
<image src="/img/leftrow.png " mode=""></image>
</view>
</view>
<view class="jumpitem flextwo" bindtap="mycollect" data-id="3">
<view class='jumpleft flexone'>
<view class="jumpimg">
<image src="/img/xiangce.png" mode=""></image>
</view>
<view class="jumpname">我的相册</view>
</view>
<view class="ordertopright">
<image src="/img/leftrow.png " mode=""></image>
</view>
</view>
<view class="jumpitem flextwo" bindtap="mycollect" data-id="4">
<view class='jumpleft flexone'>
<view class="jumpimg">
<image src="/img/pinglun.png" mode=""></image>
</view>
<view class="jumpname">我的评论</view>
</view>
<view class="ordertopright">
<image src="/img/leftrow.png " mode=""></image>
</view>
</view>
<view class="jumpitem flextwo" bindtap="mycollect" data-id="5">
<view class='jumpleft flexone'>
<view class="jumpimg">
<image src="/img/tuijian.png" mode=""></image>
</view>
<view class="jumpname">我的推荐</view>
</view>
<view class="ordertopright">
<image src="/img/leftrow.png " mode=""></image>
</view>
</view>
</view>
\ No newline at end of file
... ...
image {
width: 100%;
height: 100%;
}
page{
background: #fff;
}
.shangheng {
width: 750rpx;
height: 144rpx;
background: #fdaa2a;
position: relative;
}
.text{
width:598rpx;
height:82rpx;
margin:0 auto 0;
color:#8C9198;
font-size: 24rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height:1.5;
overflow: hidden;
}
.starlist{
martin-top:4rpx;
}
.staritem{
width:32rpx;
height:32rpx;
font-size: 0;
margin-right:5rpx;
}
.topbu {
position: absolute;
top:44rpx;
left: 32rpx;
width: 686rpx;
height: 308rpx;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 4rpx 12rpx rgba(82, 67, 2, 0.18);
opacity: 1;
border-radius: 8rpx;
}
.setimgtop {
justify-content: flex-end;
}
.setimg {
width: 40rpx;
height: 40rpx;
font-size: 0;
}
.shen {
color: #3d454c;
font-size: 28rpx;
font-weight: bold;
margin-left: 16rpx;
margin-top: 20rpx;
}
.jumpitem {
padding: 32rpx 0;
box-sizing: border-box;
border-bottom: 1rpx solid #f5f5f5;
}
.jumpitem:last-child {
border-bottom: none;
}
.jumplist {
padding: 0 32rpx;
margin-top: 240rpx;
}
.jumpname {
color: #08121f;
font-size: 28rpx;
margin-left: 20rpx;
}
.jumpimg {
width: 40rpx;
height: 40rpx;
font-size: 0;
}
.peiitem {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.peitop {
width: 56rpx;
height: 56rpx;
font-size: 0;
}
.peilist {
padding: 24rpx 0;
box-sizing: border-box;
}
.peiname {
color: #061220;
font-size: 28rpx;
margin-top: 10rpx;
}
.commonpadding {
padding-bottom: 0;
}
.renzhengleft {
width: 32rpx;
height: 32rpx;
font-size: 0;
}
.renzheng {
margin-left: 16rpx;
margin-top: 20rpx;
}
.yirenz {
color: #c29445;
font-size: 28rpx;
margin-left: 12rpx;
}
.tiezitopone {
background: #fff;
padding: 32rpx 0;
box-sizing: border-box;
}
.content {
padding-bottom: 0;
}
.tieziitem {
padding: 32rpx 0;
border-bottom: 1rpx solid #f5f5f5;
}
.tieziitem:last-child {
border-bottom: none;
}
.zhuyhu {
margin-top: 16rpx;
}
.useritem {
/* height:40rpx;
line-height: 40rpx; */
background: rgba(255, 255, 255, 1);
border-radius: 18rpx;
border: 2rpx solid rgba(238, 238, 238, 1);
color: #c29445;
font-size: 20rpx;
text-align: center;
margin-right: 16rpx;
padding: 0rpx 28rpx;
box-sizing: border-box;
}
.userkind {
display: flex;
align-items: center;
margin-top: 24rpx;
}
.banguser {
margin-top: 0;
margin-left: 16rpx;
}
.tieziname {
color: #3d454c;
font-size: 32rpx;
font-weight: bold;
}
.tiezitou {
width: 60rpx;
height: 60rpx;
font-size: 0;
}
.tiezitouhead {
width: 128rpx;
height: 128rpx;
font-size: 0;
}
.ordertopright{
width:15rpx;
height:20rpx;
font-size: 0;
}
.zhuyeright {
margin-left: 28rpx;
margin-top:22rpx;
}
.vipleft {
display: flex;
align-items: center;
justify-content: center;
width: 100rpx;
height: 40rpx;
background: linear-gradient(90deg, rgba(244, 210, 151, 1) 0%, rgba(252, 191, 117, 1) 100%);
border-radius: 20rpx;
margin-left: 16rpx;
}
.vipimg {
width: 24rpx;
height: 20rpx;
font-size: 0;
}
.vipname {
color: #784700;
font-size: 22rpx;
}
.tiezibottomitem {
width: 750rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.tiezibottom {
display: flex;
align-items: center;
width: 750rpx;
justify-content: space-around;
padding: 10rpx;
position: fixed;
bottom: 0;
left: 0;
}
.tienamebot {
color: #5b5e63;
font-size: 20rpx;
margin-top: 8rpx;
text-align: center;
}
... ...
{
"description": "项目配置文件",
"packOptions": {
"ignore": []
},
"setting": {
"urlCheck": true,
"es6": true,
"postcss": true,
"minified": true,
"newFeature": true,
"autoAudits": false,
"coverView": true,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false
},
"compileType": "miniprogram",
"libVersion": "2.10.1",
"appid": "wx5e8a4666d479f8da",
"projectname": "%E7%BE%8E%E6%97%A5%E6%97%A5%E6%9C%AC",
"debugOptions": {
"hidedInDevtools": []
},
"isGameTourist": false,
"simulatorType": "wechat",
"simulatorPluginLibVersion": {},
"condition": {
"search": {
"current": -1,
"list": []
},
"conversation": {
"current": -1,
"list": []
},
"plugin": {
"current": -1,
"list": []
},
"game": {
"currentL": -1,
"list": []
},
"gamePlugin": {
"current": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": [
{
"id": -1,
"name": "我",
"pathName": "pages/usecenter/usecenter",
"query": "",
"scene": null
},
{
"id": -1,
"name": "首页",
"pathName": "pages/homepage/homepage",
"query": "",
"scene": null
},
{
"id": -1,
"name": "店铺详情",
"pathName": "pages/shopdetail/shopdetail",
"query": "",
"scene": null
},
{
"id": -1,
"name": "评论",
"pathName": "pages/morecomment/morecomment",
"query": "",
"scene": null
},
{
"id": -1,
"name": "我的",
"pathName": "pages/usecenter/usecenter",
"query": "",
"scene": null
},
{
"id": -1,
"name": "我的评论",
"pathName": "pages/mycomment/mycomment",
"query": "",
"scene": null
},
{
"id": -1,
"name": "我的收藏",
"pathName": "pages/collectlist/collectlist",
"scene": null
}
]
}
}
}
\ No newline at end of file
... ...
{
"desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
"rules": [{
"action": "allow",
"page": "*"
}]
}
\ No newline at end of file
... ...
const formatTime = date => {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
const hour = date.getHours()
const minute = date.getMinutes()
const second = date.getSeconds()
return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}
const formatNumber = n => {
n = n.toString()
return n[1] ? n : '0' + n
}
module.exports = {
formatTime: formatTime
}
... ...