Hooke / meihua-island-book

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
888a8cd0 1 parent 7e3eeafa

fix

Inline Side-by-side
Showing 2 changed files with 33 additions and 23 deletions
1 +.index-page {
2 + .index-cover {
3 + position: relative;
4 + .cover-arrow {
5 + position: absolute;
6 + right: 0;
7 + left: calc(50% - 30rpx);
8 + bottom: 1%;
9 + }
10 + }
11 + .index-title {
12 + text-align: center;
13 + font-weight: bold;
14 + font-size: 1.25rem;
15 + padding: 1rem 0 0.25rem;
16 + background-color: #f9f9f9;
17 + }
18 + .index-list {
19 + background-color: #f9f9f9; overflow: auto;
20 + }
21 +}
1 .slide-box { 22 .slide-box {
2 height: 15rem; 23 height: 15rem;
3 .slide-image { 24 .slide-image {
4 - width: 100%; 25 + width: 100%;
5 - height: 100%; 26 + height: 100%;
6 } 27 }
7 } 28 }
8 29
9 .bg-gradient { 30 .bg-gradient {
10 - background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat; 31 + background: linear-gradient(#b3ddc9, #b3ddc9) no-repeat;
11 /*调整下划线的宽度占百分之百 高度是3px */ 32 /*调整下划线的宽度占百分之百 高度是3px */
12 background-size: 100% 1vw; 33 background-size: 100% 1vw;
13 /* 调整下划线的起始位置 左侧是0 上边是1.15em */ 34 /* 调整下划线的起始位置 左侧是0 上边是1.15em */
...@@ -25,7 +46,7 @@ ...@@ -25,7 +46,7 @@
25 left: 0; 46 left: 0;
26 width: 100%; 47 width: 100%;
27 height: 1.1rem; 48 height: 1.1rem;
28 - border-bottom: 4rpx solid #B3DDC9; 49 + border-bottom: 4rpx solid #b3ddc9;
29 } 50 }
30 } 51 }
31 52
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2023-12-19 14:35:59 4 + * @LastEditTime: 2023-12-20 10:44:15
5 * @FilePath: /meihuaApp/src/pages/index/index.vue 5 * @FilePath: /meihuaApp/src/pages/index/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
8 <template> 8 <template>
9 - <view> 9 + <view class="index-page">
10 <scroll-view :style="scrollStyle" :scroll-y="true" :scroll-top="scrollTop" :scroll-with-animation="true" @scroll="onScroll" @scrolltoupper="onScrollToUpper" @scrolltolower="onScrollToLower"> 10 <scroll-view :style="scrollStyle" :scroll-y="true" :scroll-top="scrollTop" :scroll-with-animation="true" @scroll="onScroll" @scrolltoupper="onScrollToUpper" @scrolltolower="onScrollToLower">
11 - <view style="position: relative;"> 11 + <view class="index-cover">
12 <image :style="coverStyle" mode="aspectFill" src="https://cdn.ipadbiz.cn/meihua/banner1@2x.png" /> 12 <image :style="coverStyle" mode="aspectFill" src="https://cdn.ipadbiz.cn/meihua/banner1@2x.png" />
13 - <!-- <div class="arrow-down" @tap="onArrowDown"> 13 + <view @tap="onArrowDown" class="cover-arrow">
14 - <image style="width: 2rem; height: 2rem;" :src="arrowDownImg"/>
15 - </div> -->
16 - <view @tap="onArrowDown" style="position: absolute; right: 0; left: calc(50% - 30rpx); bottom: 1%;">
17 <IconFont color="#f9f9f9" size="30" name="joy-smile" class="nut-icon-am-jump nut-icon-am-infinite"></IconFont> 14 <IconFont color="#f9f9f9" size="30" name="joy-smile" class="nut-icon-am-jump nut-icon-am-infinite"></IconFont>
18 </view> 15 </view>
19 </view> 16 </view>
20 - <view style="text-align: center; font-weight: bold; font-size: 1.25rem; padding: 1rem 0 0.25rem; background-color: #f9f9f9;">热门推荐</view> 17 + <view class="index-title">热门推荐</view>
21 - <view style="background-color: #f9f9f9; overflow: auto;"> 18 + <view class="index-list">
22 - <room-card v-for="(item, index) in 5" :key="index"></room-card> 19 + <room-card v-for="(item, index) in 5" :key="index" />
23 </view> 20 </view>
24 </scroll-view> 21 </scroll-view>
25 <view style="height: 6rem;"></view> 22 <view style="height: 6rem;"></view>
...@@ -32,11 +29,8 @@ import Taro from '@tarojs/taro' ...@@ -32,11 +29,8 @@ import Taro from '@tarojs/taro'
32 import { IconFont } from '@nutui/icons-vue-taro'; 29 import { IconFont } from '@nutui/icons-vue-taro';
33 import { ref } from 'vue'; 30 import { ref } from 'vue';
34 import roomCard from '@/components/roomCard.vue' 31 import roomCard from '@/components/roomCard.vue'
35 -import arrowDownImg from '@/assets/images/arrow-down.png' 32 +// import arrowDownImg from '@/assets/images/arrow-down.png'
36 -// import icon_no_join_recommend from '@/images/icon/no-tuijian@2x.png'
37 -// import icon_banner from '@/images/icon/banner@2x.png'
38 import navBar from '@/components/navBar.vue' 33 import navBar from '@/components/navBar.vue'
39 -// import { useDidShow } from '@/hooks/life'
40 import { useDidShow } from '@tarojs/taro' 34 import { useDidShow } from '@tarojs/taro'
41 // TAG: 模拟onShow事件 35 // TAG: 模拟onShow事件
42 useDidShow(() => { 36 useDidShow(() => {
...@@ -142,11 +136,6 @@ export default { ...@@ -142,11 +136,6 @@ export default {
142 this.scrollTop = 0; // 重置scrollTop，让按钮能再往下滚动 136 this.scrollTop = 0; // 重置scrollTop，让按钮能再往下滚动
143 }, 137 },
144 onScrollToLower () { 138 onScrollToLower () {
145 - // if(!this.flag){
146 - // return
147 - // }
148 - // this.flag = false;
149 - // this.getList();
150 console.warn('onScrollToLower'); 139 console.warn('onScrollToLower');
151 }, 140 },
152 async onArrowDown () { 141 async onArrowDown () {
......