Hooke / meihua-island-book

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
081e33a6 1 parent 35da397b

fix 处理须知滚动，无法处理问题

Inline Side-by-side
Showing 1 changed file with 38 additions and 5 deletions
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-05-26 12:50:55
* @LastEditTime: 2024-05-26 14:38:21
* @FilePath: /meihuaApp/src/pages/index/index.vue
* @Description: 首页
-->
......@@ -41,18 +41,20 @@
<view class="notice-content">
<view v-if="notice_type === 1">
<view class="title">本味略影</view>
<view class="content" style="text-indent: 2rem;">外象多变，本心至简。人生百味，回归本味。</view>
<view v-html="html1"></view>
<!-- <view class="content" style="text-indent: 2rem;">外象多变，本心至简。人生百味，回归本味。</view>
<view class="content" style="text-indent: 2rem;">梅花岛本味山居，位于福建省三明市泰宁世界地质公园、世界自然遗产地核心景区大金湖中心。2022年动工，将岛上23幢夯土、砖彻或全木结构的旧民居进行适当修复，成为中国旧乡村改造为禅意民宿的优秀样板。山中景色四时不同，十里平湖美丽如画，空气清新，泉水清洌，可以感受大自然的静谧祥和，享受水天相接、与天地融为一体的自在惬意，完全地放松、放空、放下。</view>
<view class="content" style="text-indent: 2rem;">聆听安静，安顿身心，静候您。</view>
<view class="content" style="text-indent: 2rem; font-weight: bold;">特色：</view>
<view class="content">1、提供三餐天然纯净素食（不含五辛）。</view>
<view class="content">2、古早作息方式，日出而作，日落而息。</view>
<view class="content">3、正念、静心、慢生活。</view>
<view class="content">3、正念、静心、慢生活。</view> -->
<view class="content mb-1">4、静心服务：健身气功八段锦，湖景茶室、咖啡室，可参与甘露别院静心茶会、别院巡礼等活动（该项看时间因缘）。</view>
</view>
<view v-if="notice_type === 2">
<view class="title">入住须知</view>
<view class="content">1、本味山居三面环水，为了您的安全，请远离水边，禁止戏水、垂钓、游泳、奔跑等。如有违反，自行承担后果。</view>
<view v-html="html2"></view>
<!-- <view class="content">1、本味山居三面环水，为了您的安全，请远离水边，禁止戏水、垂钓、游泳、奔跑等。如有违反，自行承担后果。</view>
<view class="content">2、为了防范火灾，禁止携带火种上岛，全岛禁烟。如需使用壁炉，请和工作人员联系，做到人走火息。</view>
<view class="content">3、本味山居周边有野生动物出没，禁止进入山居经营范围外的区域（详见提示牌）。夜间照明范围有限，慎勿外出行走。如有违反，自行承担后果。</view>
<view class="content">4、山居远离喧嚣，倡导舒缓本味生活，禁止携带荤食、含酒精饮品、宠物，勿穿吊带、短裤、短裙、凉鞋、拖鞋等暴露衣装。</view>
......@@ -64,7 +66,7 @@
<view class="content">8、入住人员需年满18周岁。</view>
<view class="content">9、取消或变更请及时联系我们。</view>
<view class="content">若入住前一天取消，扣除50%费用作为违约金。</view>
<view class="content">若入住当天取消，扣除100%费用。</view>
<view class="content">若入住当天取消，扣除100%费用。</view> -->
<view class="content mb-1">此须知为入住本位山居之前提，请预订前仔细阅读。若有预订，视为同意上述须知。</view>
</view>
<view v-if="notice_type === 3">
......@@ -210,6 +212,8 @@ export default {
limit: 10,
show_notice: false,
notice_type: 1,
html1: '',
html2: '',
};
},
methods: {
......@@ -247,9 +251,38 @@ export default {
async onShowNotice (type) { // 显示须知
this.show_notice = true;
this.notice_type = type;
// 处理须知滚动，无法处理问题
const html1 = `
<view class="content" style="text-indent: 2rem;">外象多变，本心至简。人生百味，回归本味。</view>
<view class="content" style="text-indent: 2rem;">梅花岛本味山居，位于福建省三明市泰宁世界地质公园、世界自然遗产地核心景区大金湖中心。2022年动工，将岛上23幢夯土、砖彻或全木结构的旧民居进行适当修复，成为中国旧乡村改造为禅意民宿的优秀样板。山中景色四时不同，十里平湖美丽如画，空气清新，泉水清洌，可以感受大自然的静谧祥和，享受水天相接、与天地融为一体的自在惬意，完全地放松、放空、放下。</view>
<view class="content" style="text-indent: 2rem;">聆听安静，安顿身心，静候您。</view>
<view class="content" style="text-indent: 2rem; font-weight: bold;">特色：</view>
<view class="content">1、提供三餐天然纯净素食（不含五辛）。</view>
<view class="content">2、古早作息方式，日出而作，日落而息。</view>
<view class="content">3、正念、静心、慢生活。</view>
`;
const html2 = `
<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-10:50；14:30-17:00。</view>
<view class="content">上岛渡船班次：上午：8:00；9:30；10:20；下午：14:30；16:30。</view>
<view class="content">其余时间，无法上岛。</view>
<view class="content">8、入住人员需年满18周岁。</view>
<view class="content">9、取消或变更请及时联系我们。</view>
<view class="content">若入住前一天取消，扣除50%费用作为违约金。</view>
<view class="content">若入住当天取消，扣除100%费用。</view>
`;
this.html1 = html1;
this.html2 = html2;
},
onCloseNotice () { // 关闭须知
this.show_notice = false;
this.html1 = '';
this.html2 = '';
}
},
onPageScroll ({ scrollTop }) {
......