fix: loadmore
This commit is contained in:
@@ -97,6 +97,13 @@
|
|||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/webview/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "加载中...",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/fortune/index",
|
"path": "pages/fortune/index",
|
||||||
"style": {
|
"style": {
|
||||||
|
|||||||
@@ -14,6 +14,15 @@
|
|||||||
<!-- <image class="hero-decor" src="https://file.lihailezzc.com/resource/58c8d19e5f2d9c958a7b8b9f44b8c3e3.png" mode="aspectFill" /> -->
|
<!-- <image class="hero-decor" src="https://file.lihailezzc.com/resource/58c8d19e5f2d9c958a7b8b9f44b8c3e3.png" mode="aspectFill" /> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<!-- 新春提示栏 -->
|
||||||
|
<view class="notice-bar" @tap="goToOfficialAccount">
|
||||||
|
<view class="notice-left">
|
||||||
|
<text class="notice-tag">新品</text>
|
||||||
|
<text class="notice-text">新春祝福上新品了,点击查看</text>
|
||||||
|
</view>
|
||||||
|
<text class="notice-arrow">›</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
<!-- 功能入口宫格 -->
|
<!-- 功能入口宫格 -->
|
||||||
<view class="feature-grid">
|
<view class="feature-grid">
|
||||||
<view
|
<view
|
||||||
@@ -204,6 +213,15 @@ const useGreeting = () => {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const goToOfficialAccount = () => {
|
||||||
|
// 跳转到公众号文章
|
||||||
|
// 替换为您实际的公众号文章链接
|
||||||
|
const articleUrl = "https://mp.weixin.qq.com/s/mK438jWsYzsccJ2dDJG15A";
|
||||||
|
uni.navigateTo({
|
||||||
|
url: "/pages/webview/index?url=" + encodeURIComponent(articleUrl),
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
const features = ref([
|
const features = ref([
|
||||||
{
|
{
|
||||||
title: "新春祝福卡片",
|
title: "新春祝福卡片",
|
||||||
@@ -418,6 +436,44 @@ onPullDownRefresh(async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 新春提示栏 */
|
||||||
|
.notice-bar {
|
||||||
|
margin: 0 24rpx 20rpx;
|
||||||
|
padding: 16rpx 24rpx;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.03);
|
||||||
|
|
||||||
|
.notice-left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.notice-tag {
|
||||||
|
font-size: 20rpx;
|
||||||
|
color: #ff3b30;
|
||||||
|
background: rgba(255, 59, 48, 0.1);
|
||||||
|
padding: 2rpx 12rpx;
|
||||||
|
border-radius: 6rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notice-text {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.notice-arrow {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #ccc;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* 功能入口宫格 - 2x2 */
|
/* 功能入口宫格 - 2x2 */
|
||||||
.feature-grid {
|
.feature-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
21
pages/webview/index.vue
Normal file
21
pages/webview/index.vue
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<web-view :src="url"></web-view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref } from "vue";
|
||||||
|
import { onLoad } from "@dcloudio/uni-app";
|
||||||
|
|
||||||
|
const url = ref("");
|
||||||
|
|
||||||
|
onLoad((options) => {
|
||||||
|
if (options.url) {
|
||||||
|
url.value = decodeURIComponent(options.url);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user