Skip to content

严立 / mini-shimao

Go to a project
Commit e25e41a3 by 袁伟伦
Options

20200908 上传了服务页面 by ywl

parent 1132be00
Inline Side-by-side
Showing with 381 additions and 0 deletions
app.json
......@@ -3,6 +3,7 @@
"pages/home/home/home",
"pages/home/service/service",
"pages/home/dynamic/dynamic",
"pages/home/dynamic-detail/dynamic-detail",
"pages/home/night-appointment/night-appointment",
......
pages/home/service/service.js 0 → 100644
// pages/home/service/service.js
const App = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
imageBase: App.globalData.appResourcesBase,
data:[ //畅想美食
{url:'/image/ywssLogo@2x.png',bgc:'#586A46',},
{url:'/image/Logo@2x (3).png',bgc:'#13625F'},
],
data1:[
{url:App.globalData.appResourcesBase+'commodity/home-shop-3.png'},
{url:App.globalData.appResourcesBase+'commodity/home-shop-4.png'},
],
phone: '13316748039',
hotline: false, //客服热线
},
//客服热线拨打
call() {
wx.makePhoneCall({
phoneNumber: this.data.phone,
})
},
//取消拨打
cancel() {
this.setData({
hotline: false,
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/home/service/service.json 0 → 100644
{
"usingComponents": {}
}
\ No newline at end of file
pages/home/service/service.wxml 0 → 100644
<!--pages/home/service/service.wxml-->
<navigation class="navigation"></navigation>
<view class="container">
<view class="greetings_header">
<view class="greetings_title">Monica , 早上好！</view>
<image src="/image/cxms@2x.png" class="title_img"></image>
<view class="greetings_header_describe">这里有来自大自然的馈赠用心烹饪的美食</view>
</view>
<view class="greetings_body">
<swiper indicator-dots="true" style="height:1469rpx;">
<block wx:for="{{data}}">
<swiper-item >
<view class="service_store" style="background:{{item.bgc}}">
<image src="{{item.url}}" class="{{index == 0? 'store_img' : 'store_img1'}} "></image>
<view class="order_button">立即点餐</view>
</view>
<view class="service_store_shop">
<view class="service_store_shop_item" wx:for="{{4}}">
<image class="shop_img"></image>
<text class="shop_goods">炭烤猪肋排拼盘</text>
</view>
</view>
</swiper-item>
</block>
</swiper>
</view>
<view class="service_item" style="margin-bottom:136rpx;">
<view style="padding-left:40rpx;" class="greetings_header_describe">您可以用最优惠的价格享受超级服务</view>
<view class="item_banner">
<image style="z-index:-1;" class="item_banner_img" src="{{imageBase + 'commodity/home-head.png'}}"></image>
<view class="goods_buy">立即选购</view>
</view>
<view class="item_container">
<image wx:for="{{3}}" class="items_img"></image>
</view>
</view>
<view class="service_item">
<view style="padding-left:40rpx;white-space:pre-wrap" class="greetings_header_describe">尽情玩耍
随时为你补充能量</view>
<view class="item_banner" style="background: #E8F1F6;text-align:center;z-index:-1;height:512rpx;">
<image style="width:312rpx;height:56rpx;margin-top:152rpx;" src="{{imageBase + 'commodity/home-title-1.png'}}"></image>
<view>
<image style="width:148rpx;height:16rpx;margin-top:8rpx;" src="{{imageBase + 'commodity/home-tip-1.png'}}"></image>
</view>
</view>
<view class="item_container">
<view style="margin-bottom:64rpx;" wx:for="{{2}}">
<image class="items_img" style="margin-bottom:0;"></image>
<view class="items_text">儿童营地接待区</view>
</view>
</view>
</view>
<view class="service_item">
<image style="margin-left:40rpx;" src="/image/wcsc@2x.png" class="title_img"></image>
<view style="padding-left:40rpx;white-space:pre-wrap" class="greetings_header_describe">可以为家人、朋友
准备一份精心的礼物</view>
<view class="greetings_body">
<swiper indicator-dots="true" style="height:1469rpx;">
<block wx:for="{{data1}}">
<swiper-item >
<view class="service_store">
<image src="{{item.url}}" class="item_banner_img"></image>
<view style="width:750rpx;height:382rpx;"></view>
<view style="background:{{index== 0 ?'#C93120' : '#BD5B66' }} ;color: #FAF0DF;" class="order_button">立即选购</view>
</view>
<view class="service_store_shop">
<view class="service_store_shop_item" wx:for="{{4}}">
<image class="shop_img"></image>
<text class="shop_goods">炭烤猪肋排拼盘</text>
</view>
</view>
</swiper-item>
</block>
</swiper>
</view>
</view>
<view class="service_item">
<view style="padding-left:40rpx;white-space:pre-wrap;width:472rpx;" class="greetings_header_describe">滨海温泉院墅
足不出户即可享受滨海温泉</view>
<view style="position: relative;">
<image class="home_footer" src="{{imageBase + 'commodity/home-footer.png'}}"></image>
<view class="seeHouse">预约看房</view>
<view class="call" bindtap="call">拨打客服</view>
</view>
</view>
</view>
<!-- 客服热线 -->
<l-arc-popup show="{{hotline}}" arc-radius="30">
<view class="phone">{{phone}}</view>
<view class="call" bindtap="call">呼叫</view>
<view style="height:10rpx;background-color:rgb(246,247,249);"></view>
<view class="call" bindtap="cancel">取消</view>
</l-arc-popup>
pages/home/service/service.wxss 0 → 100644
/* pages/home/service/service.wxss */
.greetings_header{
padding-top: 196rpx;
padding-left: 46rpx;
width: 750rpx;
}
.greetings_title{
font-size: 58rpx;
font-weight: 500;
color: #15191F;
text-align: left;
}
.title_img{
width: 214rpx;
height: 50rpx;
margin-top: 128rpx;
}
.greetings_header_describe{
font-weight: 300;
color: #15191F;
margin-top: 12rpx;
width: 414rpx;
font-size: 34rpx;
line-height: 58rpx;
letter-spacing: 1px;
}
.greetings_body{
width: 750rpx;
height: height;
margin-top: 64rpx;
margin-bottom: 200rpx;
}
.service_store{
width: 750rpx;
height: 600rpx;
/* background: #586A46; */
text-align: center;
}
.store_img{
width: 178rpx;
height: 186rpx;
margin-top: 92rpx;
margin-bottom: 48rpx;
}
.store_img1{
width: 320rpx;
height: 120rpx;
margin-top: 134rpx;
margin-bottom: 72rpx;
}
.order_button{
background: #EBE2CE;
width: 200rpx;
height: 64rpx;
border-radius: 4rpx;
font-size: 26rpx;
font-weight: 500;
line-height: 64rpx;
color: #586A46;
margin: auto;
}
.service_store_shop{
width: 670rpx;
/* height: 932rpx; */
margin: auto;
margin-top: -100rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.service_store_shop_item{
width:328rpx;
height: 410rpx;
text-align: center;
margin-bottom: 48rpx;
}
.shop_img{
width: 328rpx;
height: 328rpx;
background-color: blue;
}
.shop_goods{
font-weight: 300;
color: #15191F;
line-height: 42px;
}
.service_item{
width: 750rpx;
height: auto;
/* margin-bottom: 136rpx; */
}
.item_banner{
width: 750rpx;
height: 600rpx;
margin-top: 64rpx;
position: relative;
/* background-color: red; */
}
.item_banner_img{
width: 750rpx;
height: 600rpx;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.item_container{
width: 670rpx;
height: auto;
margin: auto;
margin-top: -100rpx;
}
.items_img{
width: 670rpx;
height: 328rpx;
background-color: blue;
margin-bottom: 64rpx;
}
.goods_buy{
position: absolute;
width: 200rpx;
height: 64rpx;
top: 308rpx;
left: 276rpx;
border-radius: 4px;
background: #86C5E1;
font-weight: 500;
color: #FFFFFF;
font-size: 26rpx;
line-height: 64rpx;
text-align: center;
}
.items_text{
text-align: center;
margin-top: 45rpx;
font-weight: 300;
color: #000000;
letter-spacing: 3px;
text-align: center;
line-height: 42rpx;
}
.home_footer{
width: 750rpx;
height:1640rpx;
margin-top: 64rpx;
}
.seeHouse{
position: absolute;
background: #86C5E1;
border-radius: 4px;
top: 294rpx;
width: 200rpx;
height: 64rpx;
left: 276rpx;
line-height: 64rpx;
color: #FFFFFF;
font-size: 26rpx;
text-align: center;
font-weight: 500;
}
.call{
position: absolute;
top: 1310rpx;
width: 200rpx;
height: 64rpx;
background: #D0B08F;
left: 276rpx;
line-height: 64rpx;
color: #FFFFFF;
font-size: 26rpx;
text-align: center;
font-weight: 500;
}
project.config.json
......@@ -142,6 +142,14 @@
"id": -1,
"name": "pages/commodity/snacks/snacks",
"pathName": "pages/commodity/snacks/snacks",
"query": "",
"scene": null
},
{
"id": 11,
"name": "pages/home/service/service",
"pathName": "pages/home/service/service",
"query": "",
"scene": null
}
]
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment