Hooke / meihua-island-book

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
cc73b684 1 parent c9ac1006

首页新增须知提示逻辑

Inline Side-by-side
Showing 4 changed files with 100 additions and 6 deletions
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-12-22 17:41:02
* @LastEditTime: 2024-05-24 17:36:35
* @FilePath: /meihuaApp/src/pages/auth/index.vue
* @Description: 文件描述
-->
......@@ -65,8 +65,9 @@ export default {
url: `../../${params.url}?id=${params.id}&start_date=${params.start_date}&end_date=${params.end_date}`
})
} else { // 其他页面分享跳首页
// 新增首页须知是否打开的判断
Taro.reLaunch({
url: `/pages/index/index`
url: `/pages/index/index?first_in=${wx.getStorageSync("first_in")}`
})
}
Taro.hideLoading();
......
/*
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-12-19 14:37:58
* @LastEditTime: 2024-05-20 18:00:48
* @FilePath: /meihuaApp/src/pages/index/index.config.js
* @Description: 文件描述
*/
export default {
navigationBarTitleText: '梅花岛民宿',
navigationBarTitleText: '梅花岛本味山居',
usingComponents: {
},
enableShareAppMessage: true
......
......@@ -18,6 +18,23 @@
.index-list {
background-color: #f9f9f9; overflow: auto;
}
.notice-wrapper {
padding: 1rem;
.notice-content {
.title {
font-weight: bold;
text-align: center;
margin-bottom: 0.5rem;
}
.content {
margin-bottom: 0.5rem;
}
.mb-1 {
margin-bottom: 1rem !important;
}
}
}
}
.slide-box {
height: 15rem;
......
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-12-28 13:33:21
* @LastEditTime: 2024-05-24 17:36:51
* @FilePath: /meihuaApp/src/pages/index/index.vue
* @Description: 首页
-->
......@@ -9,6 +9,9 @@
<view class="index-page">
<scroll-view :style="scrollStyle" :scroll-y="true" :scroll-top="scrollTop" :scroll-with-animation="true" @scroll="onScroll" @scrolltoupper="onScrollToUpper" @scrolltolower="onScrollToLower">
<view class="index-cover">
<view @tap="onShowNotice" style="position: fixed; right: 0.5rem; top: 1rem;">
<IconFont size="22" name="ask" color="#fff"></IconFont>
</view>
<image :style="coverStyle" mode="aspectFill" :src="banner_url" />
<view @tap="onArrowDown" class="cover-arrow">
<IconFont color="#f9f9f9" size="30" name="joy-smile" class="nut-icon-am-jump nut-icon-am-infinite"></IconFont>
......@@ -21,6 +24,55 @@
</scroll-view>
<view style="height: 6rem;"></view>
<nav-bar activated="index" />
<nut-popup
v-model:visible="show_notice"
position="right"
:style="{ height: '100%' }"
>
<view class="notice-wrapper">
<!-- <view style="text-align: center; margin-bottom: 1rem;">梅花岛的描述和入住须知</view> -->
<view class="notice-content">
<view class="title">本味略影</view>
<view class="content" style="text-indent: 2rem;">外象多变，本心至简。人生百味，回归本味。</view>
<view class="content" style="text-indent: 2rem;">梅花岛本味山居，位于福建省三明市泰宁世界地质公园、世界自然遗产地核心景区大金湖中心。2022年动工，将岛上23幢夯土、砖彻或全木结构的旧民居进行适当修复，成为中国旧乡村改造为禅意民宿的优秀样板。山中景色四时不同，十里平湖美丽如画，空气清新，泉水清洌，可以感受大自然的静谧祥和，享受水天相接、与天地融为一体的自在惬意，完全地放松、放空、放下。</view>
<view class="content mb-1" style="text-indent: 2rem;">聆听安静，安顿身心，静候您。</view>
<view class="title">本味生活</view>
<view class="content">1、提供三餐天然纯净素食（不含五辛）。</view>
<view class="content">2、古早作息方式，日出而作，日落而息。</view>
<view class="content">3、正念、静心、慢生活。</view>
<view class="content mb-1">4、静心服务：健身气功八段锦，湖景茶室、咖啡室，可参与甘露别院静心茶会、别院巡礼等活动（该项看时间因缘）。</view>
<view class="title">入住须知</view>
<view class="content">1、本味山居三面环水，为了您的安全，请远离水边，禁止戏水、垂钓、游泳、奔跑等。如有违反，自行承担后果。</view>
<view class="content">2、为了防范火灾，禁止携带火种上岛，全岛禁烟。如需使用壁炉，请和工作人员联系，做到人走火息。</view>
<view class="content">3、本味山居周边有野生动物出没，禁止进入山居经营范围外的区域（详见提示牌）。夜间照明范围有限，慎勿外出行走。如有违反，自行承担后果。</view>
<view class="content">4、山居远离喧嚣，倡导舒缓本味生活，禁止携带荤食、含酒精饮品、宠物，勿穿吊带、短裤、短裙、凉鞋、拖鞋等暴露衣装。</view>
<view class="content">5、山居统一安排渡船上岛，为保证湖内通行安全，禁止私自雇船进出岛。如有违反，视为当天取消预订，山居不予办理入住。</view>
<view class="content">6、岛内自然生态茂盛，蚊虫较多，尽量穿着长衣长裤、平底鞋。房间内备有风油精，如果出现过敏等严重症状，请及时和工作人员联系。</view>
<view class="content">7、工作时间：8：00-5：00，上岛时间：8：00-4：50。</view>
<view class="content mb-1">此须知为入住本位山居之前提，请预订前仔细阅读。若有预订，视为同意上述须知。</view>
<view class="title">配套设施</view>
<view class="content">1、24小时热水供应，部分房间有空调、吊扇，部分区域Wi-Fi。</view>
<view class="content">2、独栋配有茶室、客厅、书房，部分独栋配有独立厨房、餐厅和院子。</view>
<view class="content">3、独栋二楼配有景观天窗。</view>
<view class="content">4、设有公共洗衣房（部分独栋配独立洗衣房）。</view>
<view class="content">5、公共区域有湖景餐厅、湖景咖啡屋。</view>
<view class="content">6、房内配有烧水壶、茶具、台灯、吹风机、衣架、拖鞋、洗发水、沐浴露。</view>
<view class="content mb-1">7、岛上环保需要，牙膏、牙刷、毛巾、浴巾等私人用品请自带。</view>
<view class="title">入住人员</view>
<view class="content mb-1">需年满18周岁。</view>
<view class="title">取消规定</view>
<view class="content">取消或变更请及时联系我们。</view>
<view class="content">若入住前一天取消，扣除50%费用作为违约金。</view>
<view class="content">若入住当天取消，扣除100%费用。</view>
</view>
<nut-button @tap="onCloseNotice" color="#6a4925" block type="primary" style="margin-top: 1rem;">关闭</nut-button>
</view>
</nut-popup>
</view>
</template>
......@@ -51,7 +103,7 @@ import "./index.less";
// import { activityHomeAPI } from '@/api/Host/index'
import { $ } from '@tarojs/extend'
import mixin from '@/utils/mixin';
import { sysParamAPI } from '@/api/index'
import { sysParamAPI, tmpSysParamAPI } from '@/api/index'
export default {
name: "indexPage",
......@@ -134,6 +186,21 @@ export default {
if (code) {
this.banner_url = data.home_banner ? data.home_banner : 'https://cdn.ipadbiz.cn/meihua/banner1@2x.png';
}
//
// const { code: tmpCode, data: tmpData } = await tmpSysParamAPI();
// if (tmpCode) {
// // console.warn(tmpData);
// // this.notice = tmpData.notice;
// // 第一次进入时，弹出提示
// if (!wx.getStorageSync("first_in")) {
// this.show_notice = true;
// wx.setStorageSync("first_in", 1);
// }
// }
// 第一次进入时，弹出提示入住须知
if (!wx.getStorageSync("first_in")) {
this.show_notice = true;
}
},
data() {
return {
......@@ -144,6 +211,8 @@ export default {
flag: true,
page: 1,
limit: 10,
show_notice: false,
notice: '',
};
},
methods: {
......@@ -177,6 +246,13 @@ export default {
},
onArrowDown () {
this.scrollTop = this.indexCoverHeight; // 调整滚动控件高度
},
onShowNotice () { // 显示须知
this.show_notice = true;
},
onCloseNotice () { // 关闭须知
this.show_notice = false;
wx.setStorageSync("first_in", 1);
}
},
onPageScroll ({ scrollTop }) {
......