fix: loadmore
This commit is contained in:
@@ -14,6 +14,15 @@
|
||||
<!-- <image class="hero-decor" src="https://file.lihailezzc.com/resource/58c8d19e5f2d9c958a7b8b9f44b8c3e3.png" mode="aspectFill" /> -->
|
||||
</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
|
||||
@@ -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([
|
||||
{
|
||||
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 */
|
||||
.feature-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