miniprogram / meiweiriben · 提交

转到一个项目

作者 lihongjuan
提交 ac78554ff4c7b87cd16e903aaddcc97a4739ad00 1 个父辈 da9b1c18

1

内嵌 并排对比
正在显示 21 个修改的文件 包含 868 行增加 和 112 行删除
{
"pages": [
"pages/homepage/homepage",
"pages/pubu/pubu",
"pages/examine/examine",
"pages/index/index",
"pages/personziliao/personziliao",
... ... @@ -22,6 +24,7 @@
"pages/personpage/personpage",
"pages/rank/rankpage",
"pages/morepic/morepic"
],
"window": {
"backgroundTextStyle": "light",
... ... @@ -29,25 +32,7 @@
"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
... ...
... ... @@ -207,3 +207,57 @@ image {
.nomoredata {
margin-top: 208rpx;
}
/* 底部导航 */
.teacherfooter {
width: 750rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15rpx 82rpx;
box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
background: #fff;
border-top:1rpx solid #f5f5f5
}
.teacherfootitem {
display: felx;
flex-direction: column;
align-items: center;
justify-content: center;
}
.teacherfootitemtop {
width:48rpx;
height:48rpx;
font-size: 0;
margin: 0 auto;
}
.teacherfootname {
color: #8C9198;
font-size: 22rpx;
margin-top: 10rpx;
}
.selactive {
color: #FCB952;
}
.taste{
position: relative;
}
.connect{
width:50rpx!important;
height:100rpx;
position: absolute;
top:0;
left:0;
background: transparent;
padding: none!important;
}
button::after{
border:none;
outline: none;
}
... ...
... ... @@ -206,13 +206,17 @@ Page({
let index=e.currentTarget.dataset.index;
that.data.commentdetail.comments.forEach(function(value,indexk,array){
if (indexk==index){
value.sel=!value.sel;
if(value.sel==true){
if(value.is_praise==0){
value.is_praise=1;
value.praise_num = value.praise_num+1
wx.showToast({
title: '点赞成功',
icon:"none"
})
}else{
value.is_praise=0;
value.praise_num = value.praise_num-1
wx.showToast({
title: '取消点赞成功',
icon: "none"
... ... @@ -220,6 +224,10 @@ Page({
}
}
})
that.setData({
commentdetail: that.data.commentdetail
})
var url = 'remark_comments/remarkPraise';
var params = {
remark_comments_id: id,
... ...
... ... @@ -122,8 +122,8 @@
</view>
<view class="listzan flexone" bindtap="xiaozan" data-id="{{item.id}}" data-index="{{index}}">
<view class="lsitzanleft">
<image src="/img/xiaozan.png"></image>
<image src="/img/yizan.png"></image>
<image src="/img/xiaozan.png" wx:if="{{item.is_praise==0}}"></image>
<image src="/img/yizan.png" wx:else></image>
</view>
<view class="zannumber">{{item.praise_num}}</view>
</view>
... ...
// pages/homepage/homepage.js
const app = getApp();
// var util = require('../../utils/util.js');
Page({
/**
... ... @@ -11,16 +10,14 @@ Page({
imgUrls: [],
indicatorDots: false,
autoplay: true,
interval: 2000,
interval: 3000,
duration: 1000,
currentSwiper: 0,
// 主页导航头部
navarr: ['商圈', '菜系', '评级', '综合'],
sel: 0,
selk: 0,
index: 0,
selarray: ['全部', '银座', '金座'],
toparr: ['商圈', '菜系', '评级', '综合'],
topindex: 0,
... ... @@ -35,7 +32,8 @@ Page({
series_id: '',
grade_id: '',
composite_id: '',
city_id:''
city_id:'',
footersel:1
},
/**
... ... @@ -44,10 +42,23 @@ Page({
onLoad: function(options) {
this.getcountry();
// 获取banner
this.getbanner()
},
// 底部导航切换
// 切换底部导航
footersel(e) {
console.log(e)
let id = e.currentTarget.dataset.id;
if(id==1){
wx.navigateTo({
url: '/pages/homepage/homepage',
})
}else if(id==2){
wx.navigateTo({
url: '/pages/usecenter/usecenter',
})
}
},
// 获取轮播图
... ... @@ -62,9 +73,6 @@ Page({
that.setData({
imgUrls: res
})
}).catch((err) => {
})
... ... @@ -177,7 +185,8 @@ Page({
let id = e.currentTarget.dataset.id;
let type = e.currentTarget.dataset.type;
that.setData({
goodlist: []
goodlist: [],
page:1
})
this.data.selarray.forEach(function(value, index, array) {
if (id == value.id) {
... ... @@ -196,10 +205,21 @@ Page({
grade_id: id
})
} else if (type == 4) {
if(id==7){
that.setData({
composite_id: 1
})
}else if (id == 8) {
that.setData({
composite_id:2
})
} else if (id == 9) {
that.setData({
composite_id: id
composite_id: 3
})
}
}
} else {
if (type == 1) {
that.setData({
... ... @@ -231,6 +251,7 @@ Page({
that.gethomelist()
},
// 选择城市
selctcity() {
let token = wx.getStorageSync("token");
if (token == '') {
... ... @@ -336,15 +357,30 @@ Page({
}
app.post(url, params).then((res) => {
console.log(res);
if(res.data.length!=0){
that.setData({
goodlist: that.data.goodlist.concat(res.data)
})
that.data.goodlist.forEach(function(value, index, array) {
value.level = value.level.toFixed("1")
var arr = that.data.goodlist;
console.log('666',arr)
let one = [];
let two = [];
let newArr = [];
arr.forEach((el,i)=>{
console.log(i)
if(i%2 == 0){
one.push(el)
}else{
two.push(el)
}
})
newArr = [...newArr,...one,...two];
that.setData({
goodlist: that.data.goodlist
goodlist:newArr
})
console.log('2222',that.data.goodlist)
}
}).catch((err) => {
... ... @@ -529,7 +565,12 @@ Page({
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
let newpage=this.data.page;
newpage++;
this.setData({
page:newpage
})
this.gethomelist()
},
/**
... ...
... ... @@ -14,8 +14,6 @@
<input type="text" placeholder="请输入搜索内容" placeholder-class="shuru" />
</view>
</view>
</view>
<view class="swiper_image">
... ... @@ -53,8 +51,11 @@
<view class='case-page' wx:else>
<view class='list-masonry'>
<view class='item-masonry' bindtap="goodtail" data-id="{{item.id}}" wx:for="{{goodlist}}" wx:key="" >
<view class='item-masonry' bindtap="goodtail" data-id="{{item.id}}" wx:for="{{goodlist}}" wx:key="">
<view class="goodimg">
<image src='{{item.image}}' mode='widthFix'></image>
</view>
<view class="goodbot">
<view class="goodname">{{item.name}}</view>
<view class="intro flextwo">
<view class="introleft">
... ... @@ -65,7 +66,7 @@
<view class="pingleft">
<image src='/img/kuaizi.png'></image>
</view>
<view class="pingfen">{{item.level}}</view>
<view class="pingfen">{{item.synthetical_score}}</view>
</view>
<view class="hualist flexone">
<view class="huaitem">
... ... @@ -88,8 +89,11 @@
<view class="addimg">
<image src="/img/huangweizhi.png"></image>
</view>
<view class="dizhi commnameone">{{item.city_name}}</view>
<view class="dizhi commnameone">{{item.business_name}}</view>
</view>
</view>
</view>
<!-- <view class='item-masonry'>
<image src='/img/deng.png' mode='widthFix'></image>
... ... @@ -284,7 +288,28 @@
</view>
</view>
<!-- 底部导航 -->
<view class="teacherfooter">
<view class="teacherfootitem" bindtap="footersel" data-id="1">
<view class="teacherfootitemtop">
<image src="{{footersel==1?'/img/indexactive.png':'/img/index.png'}}"></image>
</view>
<view class="teacherfootname {{footersel==1?'selactive':''}}">首页</view>
</view>
<view class="teacherfootitem taste">
<view class="teacherfootitemtop order">
<image src="/img/kefu.png"></image>
</view>
<view class="teacherfootname selactive">美味君</view>
<button open-type="contact" class="connect"></button>
</view>
<view class="teacherfootitem" bindtap="footersel" data-id="2">
<view class="teacherfootitemtop ">
<image src=" {{footersel==2?'/img/personactive.png':'/img/person.png'}}"></image>
</view>
<view class="teacherfootname {{footersel==2?'selactive':''}}">我的</view>
</view>
</view>
<view class="register" wx:if="{{wrap}}" bindtap="hidewrap">
<view class="topwrap" catchtap="go">
<view class="flextwo">
... ... @@ -302,4 +327,4 @@
</view>
</view>
</view>
</view>
\ No newline at end of file
</view>
\ No newline at end of file
... ...
... ... @@ -7,9 +7,7 @@ image {
font-weight: bold;
margin-left: 16rpx;
}
/* 轮播图 */
.swiper_image {
width: 686rpx;
height: 308rpx;
... ... @@ -126,31 +124,50 @@ swiper-item {
}
.list-masonry {
/* display:flex;
align-items: center;
flex-wrap: wrap; */
column-count: 2;
column-gap: 20rpx;
column-gap:20rpx;
margin-bottom:150rpx;
}
.tou {
background: #fff;
}
.goodbot{
padding: 0 20rpx;
box-sizing: border-box;
}
.item-masonry {
background-color: #fff;
break-inside: avoid;
padding: 20rpx 0;
box-sizing: border-box;
padding: 20rpx;
/* margin-bottom: 28rpx; */
margin-bottom: 28rpx;
box-shadow: 0rpx 8rpx 16rpx rgba(0, 0, 0, 0.08);
border-radius: 8rpx;
}
.item-masonry:nth-child(2n){
/* margin-left:10rpx; */
}
/* .goodimg{
width:330rpx;
height:330rpx;
font-size: 0;
}
.item-masonry:nth-child(2n) .goodimg{
width:330rpx;
height:424rpx;
font-size: 0;
} */
.item-masonry image {
width: 100%;
}
.goodname {
color: #3d444d;
font-size: 24rpx;
font-size: 30rpx;
font-weight: bold;
margin-top: 20rpx;
width: 296rpx;
... ... @@ -187,7 +204,9 @@ swiper-item {
}
.introleft {
width: 188rpx;
/* width: 188rpx; */
padding: 0 20rpx;
box-sizing: border-box;
height: 42rpx;
background: rgba(255, 255, 255, 1);
border: 1rpx solid rgba(112, 112, 112, 1);
... ... @@ -254,7 +273,7 @@ page {
}
.wrapitem{
color:#06121E;
font-size: 24rpx;
font-size: 28rpx;
/* font-weight: bold; */
padding: 16rpx 52rpx;
box-sizing: border-box;
... ... @@ -268,5 +287,4 @@ page {
}
.wrapactive{
color:#FDAA2A;
}
... ...
... ... @@ -100,7 +100,7 @@ Page({
url: '/pages/shopdetail/shopdetail?id='+that.data.shopid,
})
}else{
wx.switchTab({
wx.navigateTo({
url: '/pages/homepage/homepage',
})
}
... ...
// pages/pubu/pubu.js
Page({
/**
* 页面的初始数据
*/
data: {
note:[
{
name: '大脸猫爱吃鱼大脸猫爱吃鱼大脸猫爱吃鱼大脸猫爱吃鱼大脸猫爱吃鱼',
heart_num: '1',
title: '你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识',
url: 'http://f10.baidu.com/it/u=121654667,1482133440&fm=72',
avatar: 'http://img4.imgtn.bdimg.com/it/u=349345436,3394162868&fm=26&gp=0.jpg'
},
{
name: '大脸猫爱吃鱼',
heart_num: '2',
title: '你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识',
url: 'http://img3.imgtn.bdimg.com/it/u=1417732605,3777474040&fm=26&gp=0.jpg',
avatar: 'http://img4.imgtn.bdimg.com/it/u=349345436,3394162868&fm=26&gp=0.jpg'
},
{
name: '大脸猫爱吃鱼',
heart_num: '3',
title: '你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识',
url: 'http://img3.imgtn.bdimg.com/it/u=1417732605,3777474040&fm=26&gp=0.jpg',
avatar: 'http://img4.imgtn.bdimg.com/it/u=349345436,3394162868&fm=26&gp=0.jpg'
}, {
name: '大脸猫爱吃鱼',
heart_num: '4',
title: '你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识',
url: 'http://f10.baidu.com/it/u=121654667,1482133440&fm=72',
avatar: 'http://img4.imgtn.bdimg.com/it/u=349345436,3394162868&fm=26&gp=0.jpg'
},
{
name: '大脸猫爱吃鱼',
heart_num: '5',
title: '你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识',
url: 'http://f10.baidu.com/it/u=121654667,1482133440&fm=72',
avatar: 'http://img4.imgtn.bdimg.com/it/u=349345436,3394162868&fm=26&gp=0.jpg'
},
{
name: '大脸猫爱吃鱼',
heart_num: '6',
title: '你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识',
url: 'http://img3.imgtn.bdimg.com/it/u=1417732605,3777474040&fm=26&gp=0.jpg',
avatar: 'http://img4.imgtn.bdimg.com/it/u=349345436,3394162868&fm=26&gp=0.jpg'
},
{
name: '大脸猫爱吃鱼',
heart_num: '7',
title: '你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识',
url: 'http://img4.imgtn.bdimg.com/it/u=2748975304,2710656664&fm=26&gp=0.jpg',
avatar: 'http://img4.imgtn.bdimg.com/it/u=349345436,3394162868&fm=26&gp=0.jpg'
}, {
name: '大脸猫爱吃鱼',
heart_num: '8',
title: '你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识你所不知道的红酒知识',
url: 'http://img2.imgtn.bdimg.com/it/u=1561660534,130168102&fm=26&gp=0.jpg',
avatar: 'http://img4.imgtn.bdimg.com/it/u=349345436,3394162868&fm=26&gp=0.jpg'
}
]
},
/**
* 生命周期函数--监听页面加载
*/
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="content">
<view class="left">
<block wx:for="{{note}}" wx:key="">
<view class="item">
<image class="item-img" src="{{url}}" mode="widthFix"></image>
<view class="item-title-box">
<navigator url="url" class="item-title">{{title}}</navigator>
<image class="arrow" src="../../image/arrow.png"></image>
</view>
<view class="name">
<image class="item-ava" src="{{avatar}}"></image>
<text class="name-title">{{name}}</text>
<view class="heart_">
<image class="heart" src="../../image/heart.png"></image>
<text>{{heart_num}}</text>
</view>
</view>
</view>
</block>
</view>
<view class="right">
<block wx:for="{{note}}" wx:key="">
<view class="item">
<image class="item-img" src="{{url}}" mode="widthFix"></image>
<view class="item-title-box">
<navigator url="url" class="item-title">{{title}}</navigator>
<image class="arrow" src="../../image/arrow.png"></image>
</view>
<view class="name">
<image class="item-ava" src="{{avatar}}"></image>
<text class="name-title">{{name}}</text>
<view class="heart_">
<image class="heart" src="../../image/heart.png"></image>
<text>{{heart_num}}</text>
</view>
</view>
</view>
</block>
</view>
</view>
\ No newline at end of file
... ...
.content{
margin: 0 20rpx;
text-align: justify;
}
.item{
background-color: #fff;
margin: 1%;
margin-bottom: 20rpx;
display: inline-block;
}
.item-ava{
width: 40rpx;
height: 40rpx;
border-radius: 20rpx;
}
.heart{
width: 30rpx;
height: 26rpx;
margin-right: 8rpx;
}
.heart_{
display: flex;
align-items: center;
}
.item-img{
width: 100%
}
.item-title{
font-size: 24rpx;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-family: 'PingFang SC-Medium';
color: #1e1e1e;
margin: 15rpx;
line-height: 27rpx;
}
.item .name{
display: flex;
padding: 0 15rpx;
margin-top: 20rpx;
padding-bottom: 10rpx;
align-items: center;
font-size: 22rpx;
color: #1e1e1e;
font-family: 'PingFang SC-Medium';
}
.name image{
flex: 0 0 30rpx;
}
.item-title-box{
display: flex;
position: relative;
}
.name-title{
flex: 1;
margin-left: 18rpx;
margin-right: 20rpx;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.name text:last-child{
flex: 0 0 30rpx;
color: #c4c4c4;
text-decoration: underline;
line-height: 10rpx;
}
.left,.right{
display: inline-block;
vertical-align: top;
width: 49%;
}
.right{
float: right;
}
image{
width:100%;
height:100%;
}
\ No newline at end of file
... ...
... ... @@ -7,7 +7,9 @@ Page({
*/
data: {
word: '',
recommend: []
recommend: [],
search:true,
goodlist:[]
},
... ... @@ -30,6 +32,13 @@ Page({
// 获取历史搜索
searchtext() {
let that = this;
if(that.data.word==''){
wx.showToast({
title: '请输入关键字',
icon:"none"
})
return false
}
var url = 'index/searchShopList';
var params = {
keyword: that.data.word,
... ... @@ -42,9 +51,37 @@ Page({
}
app.post(url, params).then((res) => {
console.log(res);
if(res.data.length!=0){
that.setData({
search:false,
page:1,
goodlist:[],
})
that.setData({
goodlist: that.data.goodlist.concat(res.data)
})
var arr = that.data.goodlist;
console.log('666',arr)
let one = [];
let two = [];
let newArr = [];
arr.forEach((el,i)=>{
console.log(i)
if(i%2 == 0){
one.push(el)
}else{
two.push(el)
}
})
newArr = [...newArr,...one,...two];
that.setData({
shoplist: res.data
goodlist:newArr
})
console.log('2222',that.data.goodlist)
}
... ... @@ -53,7 +90,13 @@ Page({
})
},
goodtail(e) {
let id = e.currentTarget.dataset.id;
wx.navigateTo({
url: '/pages/shopdetail/shopdetail?id=' + id,
})
},
// 获取推荐店铺
getrecommend() {
let that = this;
... ...
... ... @@ -12,9 +12,9 @@
<view class="search" bindtap="searchtext">搜索</view>
</view>
</view>
<!-- 店推推荐 -->
<view class="city">
<view wx:if="{{search}}">
<!-- 店推推荐 -->
<view class="city">
<view class="citytop">店铺推荐</view>
<view class="citybox flexone">
<view class="tuiitem flexone" wx:for="{{recommend}}" wx:key="" bindtap="goodtail" data-id="{{item.id}}">
... ... @@ -26,10 +26,10 @@
</view>
</view>
</view>
<!-- 店推推荐 -->
<view class="city">
<!-- 店推推荐 -->
<view class="city">
<view class="citytop">历史搜索</view>
<view class="citybox flexone">
... ... @@ -39,4 +39,251 @@
</view>
</view>
</view>
<!--搜索结果 -->
<view class="search" wx:else>
<view class="nodata" wx:if="{{goodlist.length==0}}">暂无数据</view>
<view class='case-page' wx:else>
<view class='list-masonry'>
<view class='item-masonry' bindtap="goodtail" data-id="{{item.id}}" wx:for="{{goodlist}}" wx:key="">
<view class="goodimg">
<image src='{{item.image}}' mode='widthFix'></image>
</view>
<view class="goodbot">
<view class="goodname">{{item.name}}</view>
<view class="intro flextwo">
<view class="introleft">
{{item.series_name}}
</view>
<view class="introright">
<view class="ping flexone">
<view class="pingleft">
<image src='/img/kuaizi.png'></image>
</view>
<view class="pingfen">{{item.synthetical_score}}</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">￥{{item.price}}</text>
<text class="shouren">/人</text>
</view>
<view class="addname flexone">
<view class="addimg">
<image src="/img/huangweizhi.png"></image>
</view>
<view class="dizhi commnameone">{{item.business_name}}</view>
</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>
\ No newline at end of file
... ...
@import '../searchcity/searchcity.wxss';
@import '../homepage/homepage.wxss';
.tuiitem{
padding: 12rpx 22rpx;
box-sizing: border-box;
... ...
... ... @@ -87,6 +87,19 @@ Page({
})
},
// 预览图片
previewimg(e){
let that=this;
let index=e.currentTarget.dataset.index
wx.previewImage({
current: that.data.images[index],
urls: that.data.images,
success: function (res) { },
fail: function (res) { },
complete: function (res) { },
})
},
// 收藏
collect() {
... ...
<view class="swiper_image">
<view class="box">
<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="{{shopdetail.banner_image}}" wx:key="doct">
<swiper-item>
... ... @@ -10,17 +11,11 @@
</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">{{shopdetail.name}}</view>
... ... @@ -133,36 +128,35 @@
</view>
<view class="fen">{{shopdetail.synthetical_score}}分</view>
</view>
</view>
</view>
</view>
<view class="bodybox">
<view class="bodybox">
<view class="jianintro" wx:if="{{shopdetail.content!=''}}">
<!-- <view class="nodata" wx:if="{{shopdetail.content==''}}">暂无数据</view> -->
<view class="jiantext">
<rich-text nodes="{{shopdetail.content}}"></rich-text>
</view>
</view>
<view class="photo {{shopdetail.content==''?'photoact':''}}" wx:if="{{images[0]!=''}}">
<view class="xiang" bindtap="{{pic.length!=0?'xiangce':''}}">相册</view>
<view class="flextwo" bindtap="{{pic.length!=0?'xiangce':''}}">
<view class="xiang" >相册</view>
<view class="photoright flexone">
<view class="morename">更多</view>
<view class="yourow">
<image src="/img/leftrow.png"></image>
</view>
</view>
</view>
<view class="jianintro photobox">
<view class="photoitem" wx:for="{{images}}" wx:key="">
<view class="photoitem" wx:for="{{images}}" wx:key="" catchtap='previewimg' data-index="{{index}}">
<image src="{{item}}"></image>
</view>
</view>
</view>
<!-- wx:if="{{shopdetail.remarks.length!=0}}" -->
<!-- wx:if="{{shopdetail.remarks.length!=0}}" -->
<view class="photo {{shopdetail.images[0]==''&&shopdetail.content==''?'photoact':''}}" wx:if="{{shopdetail.remarks.length!=0}}">
<view class="phototop flextwo">
<view class="phototopleft flexone">
... ... @@ -302,9 +296,14 @@
</view>
<view class="additem flexone">
<view class="yingshi">营业时间</view>
<view class="timebox flexone">
<view class="tiemitem">{{shopdetail.business}}</view>
<view class="tiemitem">{{shopdetail.business_time}}</view>
</view>
</view>
<view class="additem flexone">
<view class="yingshi">休息日</view>
<view class="timebox flexone">
<view class="tiemitem">{{shopdetail.dayoff}}</view>
</view>
</view>
... ... @@ -317,6 +316,20 @@
{{shopdetail.shop_price}}/人
</view>
</view>
<!-- 支付方式 -->
<view class="additem flexone">
<view class="yingshi">支付方式</view>
<view class="timebox flexone">
<view class="tiemitem">{{shopdetail.pay_type}}</view>
</view>
</view>
<!-- 是否接待儿童 -->
<view class="additem flexone">
<view class="yingshi">是否接待儿童</view>
<view class="timebox flexone">
<view class="tiemitem">{{shopdetail.reception_children}}</view>
</view>
</view>
<view class="additem">
<view class="can pricepeopel">套餐信息</view>
... ... @@ -337,21 +350,21 @@
</view>
</view>
</view>
<view class="botfix flextwo">
<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="boitem" bindtap="write" data-id="2">
<view class="botitemtop">
<image src="/img/chuanphoto.png"></image>
</view>
<view class="botname">传照片</view>
</view>
</view> -->
<!-- <view class="boitem" bindtap="write" data-id="3">
<view class="botitemtop">
<image src="/img/video.png"></image>
... ... @@ -362,11 +375,11 @@
<view class="botitemtop" bindtap="write" data-id="4">
<image src="/img/writedian.png"></image>
</view>
<view class="botname">写点评</view>
<view class="botname">评价</view>
</view>
</view>
<!-- 打卡失败遮罩层 -->
<view class="register" wx:if="{{hidewrap}}">
</view>
<!-- 打卡失败遮罩层 -->
<view class="register" wx:if="{{hidewrap}}">
<view class="clockwrap">
<view class="gantanimg">
<image src="/img/gantan.png"></image>
... ... @@ -378,10 +391,10 @@
<view class="botright">再试一次</view>
</view>
</view>
</view>
</view>
<!-- 打卡成功遮罩层 -->
<view class="register" wx:if="{{hidewraptrue}}">
<!-- 打卡成功遮罩层 -->
<view class="register" wx:if="{{hidewraptrue}}">
<view class="clockwrap clockwrapy">
<view class="gantanimg">
<image src="/img/clocksuccess.png"></image>
... ... @@ -389,4 +402,5 @@
<view class="successname">打卡成功</view>
<view class="clocksure" bindtap="sure">确定</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
... ... @@ -7,6 +7,10 @@ page {
overflow-x: hidden;
}
.box {
overflow-x: hidden
}
.taildot {
width: 74rpx;
height: 38rpx;
... ... @@ -82,7 +86,7 @@ swiper {
.detailtop {
width: 686rpx;
height: 300rpx;
/* height: 300rpx; */
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 6rpx 12rpx rgba(41, 27, 6, 0.1);
opacity: 1;
... ... @@ -107,7 +111,12 @@ swiper {
}
.tailitem {
width: 65rpx;
margin-right: 40rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.tailitem:last-child {
... ... @@ -137,7 +146,7 @@ swiper {
color: #8c9198;
font-size: 24rpx;
text-align: center;
/* line-height: 40rpx; */
line-height: 40rpx;
margin-left: 12rpx;
padding: 0 16rpx;
box-sizing: border-box;
... ... @@ -219,19 +228,26 @@ page {
}
.photobox {
width: 686rpx;
display: flex;
flex-wrap: wrap;
flex-wrap: no-wrap;
align-items: center;
padding: 40rpx 20rpx 40rpx 40rpx;
margin-top: 22rpx;
overflow-x: scroll;
}
.photoitem {
width: 188rpx;
height: 188rpx;
font-size: 0;
margin-right: 22rpx;
padding-right: 42rpx;
margin-bottom: 20rpx;
flex: 0 0 auto;
}
.photoitem:last-child {
margin-right: 32rpx;
}
.morename {
... ... @@ -409,7 +425,7 @@ page {
opacity: 1;
padding: 12rpx 16rpx 36rpx 36rpx;
box-sizing: border-box;
margin-top:24rpx;
margin-top: 24rpx;
}
.additem {
... ... @@ -460,7 +476,7 @@ page {
color: #707070;
font-size: 24rpx;
margin-top: 20rpx;
line-height:1.5
line-height: 1.5
}
.yuyueitem {
... ... @@ -495,7 +511,7 @@ page {
}
.botfix {
padding: 14rpx 70rpx;
padding: 14rpx 170rpx;
box-sizing: border-box;
background: #fff;
}
... ... @@ -527,7 +543,12 @@ button::after {
border: none;
outline: none;
}
.shopname{
margin-top:70rpx;
line-height:1
.shopname {
margin-top: 70rpx;
line-height: 1
}
.yuyuelsit {
margin-top: 26rpx;
}
\ No newline at end of file
... ...
... ... @@ -7,9 +7,22 @@ Page({
*/
data: {
userinfo: '',
token: ''
token: '',
footersel:2
},
footersel(e) {
console.log(e)
let id = e.currentTarget.dataset.id;
if(id==1){
wx.navigateTo({
url: '/pages/homepage/homepage',
})
}else if(id==2){
wx.navigateTo({
url: '/pages/usecenter/usecenter',
})
}
},
// 获取用户信息
getuserinfo() {
let that = this;
... ...
... ... @@ -117,3 +117,26 @@
</view>
<!-- 底部导航 -->
<view class="teacherfooter">
<view class="teacherfootitem" bindtap="footersel" data-id="1">
<view class="teacherfootitemtop">
<image src="{{footersel==1?'/img/indexactive.png':'/img/index.png'}}"></image>
</view>
<view class="teacherfootname {{footersel==1?'selactive':''}}">首页</view>
</view>
<view class="teacherfootitem taste">
<view class="teacherfootitemtop order">
<image src="/img/kefu.png"></image>
</view>
<view class="teacherfootname selactive">美味君</view>
<button open-type="contact" class="connect"></button>
</view>
<view class="teacherfootitem" bindtap="footersel" data-id="2">
<view class="teacherfootitemtop ">
<image src=" {{footersel==2?'/img/personactive.png':'/img/person.png'}}"></image>
</view>
<view class="teacherfootname {{footersel==2?'selactive':''}}">我的</view>
</view>
</view>
\ No newline at end of file
... ...