team/qncV4uni-app
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

f

Browse Source
This commit is contained in:
Mrx
2026-05-23 12:14:40 +08:00
parent ae6dce5546
commit 00ed30acb1
3 changed files with 66 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/index.vue
View File

@@ -32,18 +32,18 @@ const caseList = ref<CaseItem[]>([
const vehicleItems = computed(() => getInquireCategoryConfig('vehicle')?.items ?? [])
/** 首页热门工具 2×3 网格 */
/** 首页热门工具 2×5 网格 */
const hotTools = computed(() =>
['tianqishiju', 'jieqi', 'blood', 'zodiac', 'saylove', 'nethot']
['tianqishiju', 'jieqi', 'blood', 'zodiac', 'saylove', 'nethot', 'jixiong', 'naowan', 'joke', 'dujitang']
.map(key => getToolboxItem(key))
.filter(Boolean),
)
/** 每日推荐候选池 */
const dailyPool = [
'jixiong', 'naowan', 'joke', 'dujitang', 'dream', 'oilprice',
'dream', 'oilprice',
'caihongpi', 'riddle', 'decide', 'caipu', 'godreply', 'tiangou',
'story', 'targa', 'hsjz', 'zimi',
'story', 'targa', 'hsjz', 'zimi', 'weather', 'calendar', 'constellation', 'goldprice'
]
/** 随机从候选池中抽取 n 个 */
@@ -52,14 +52,14 @@ function pickRandom(pool: string[], n: number): string[] {
return shuffled.slice(0, n)
}
const dailyKeys = ref<string[]>(pickRandom(dailyPool, 8))
const dailyKeys = ref<string[]>(pickRandom(dailyPool, 10))
const dailyPicks = computed(() =>
dailyKeys.value.map(key => getToolboxItem(key)).filter(Boolean),
)
function refreshDaily() {
dailyKeys.value = pickRandom(dailyPool, 8)
dailyKeys.value = pickRandom(dailyPool, 10)
}
const reviewList = ref<ReviewItem[]>([
@@ -337,19 +337,19 @@ page {
padding: 0 4rpx 6rpx;
}
/* 热门工具 2×3 网格 */
/* 热门工具 2×5 网格 */
.hot-tools-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16rpx;
grid-template-columns: repeat(5, 1fr);
gap: 12rpx;
}
.hot-tool-card {
position: relative;
padding: 0;
border-radius: 20rpx;
border-radius: 16rpx;
background: #f7f8fa;
transition: background 0.2s;
height: 200rpx;
height: 140rpx;
overflow: hidden;
}
.hot-tool-card:active {
@@ -359,7 +359,7 @@ page {
position: relative;
width: 100%;
height: 100%;
border-radius: 20rpx;
border-radius: 16rpx;
display: flex;
flex-direction: column;
align-items: center;
@@ -379,7 +379,7 @@ page {
background: linear-gradient(135deg, #f3e5f5, #e1bee7);
}
.hot-tool-icon {
font-size: 100rpx;
font-size: 60rpx;
opacity: 0.15;
flex: 1;
display: flex;
@@ -401,14 +401,14 @@ page {
}
.hot-tool-name {
flex: 0 0 auto;
font-size: 22rpx;
font-size: 20rpx;
color: #333;
text-align: center;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
padding: 0 4rpx 8rpx;
padding: 0 4rpx 6rpx;
}
/* 每日推荐 */
@@ -445,15 +445,15 @@ page {
}
.daily-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14rpx;
grid-template-columns: repeat(5, 1fr);
gap: 12rpx;
}
.daily-card {
position: relative;
padding: 0;
border-radius: 16rpx;
background: #f7f8fa;
height: 180rpx;
height: 140rpx;
overflow: hidden;
}
.daily-card:active {
@@ -483,7 +483,7 @@ page {
background: linear-gradient(135deg, #f3e5f5, #e1bee7);
}
.daily-icon {
font-size: 90rpx;
font-size: 60rpx;
opacity: 0.15;
flex: 1;
display: flex;
@@ -516,7 +516,7 @@ page {
display: flex;
align-items: center;
justify-content: center;
padding: 0 4rpx 8rpx;
padding: 0 4rpx 6rpx;
}
/* 案例 */