From 92230c9a97dc9ce9df3313d11d26999c04bb6b26 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期二, 15 七月 2025 13:12:48 +0800 Subject: [PATCH] 项目初始化 --- src/pages_mine/pages/help/index.vue | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 109 insertions(+), 0 deletions(-) diff --git a/src/pages_mine/pages/help/index.vue b/src/pages_mine/pages/help/index.vue new file mode 100644 index 0000000..a91df4c --- /dev/null +++ b/src/pages_mine/pages/help/index.vue @@ -0,0 +1,109 @@ +<template> + <view class="help-container"> + <view v-for="(item, findex) in list" :key="findex" :title="item.title" class="list-title"> + <view class="text-title"> + <view :class="item.icon"></view>{{ item.title }} + </view> + <view class="childList"> + <view v-for="(child, zindex) in item.childList" :key="zindex" class="question" hover-class="hover" + @click="handleText(child)"> + <view class="text-item">{{ child.title }}</view> + <view class="line" v-if="zindex !== item.childList.length - 1"></view> + </view> + </view> + </view> + </view> +</template> + +<script setup> + import { ref } from "vue"; + + const list =ref([{ + icon: 'iconfont icon-github', + title: '鑻ヤ緷闂', + childList: [{ + title: '鑻ヤ緷寮�婧愬悧锛�', + content: '寮�婧�' + }, { + title: '鑻ヤ緷鍙互鍟嗙敤鍚楋紵', + content: '鍙互' + }, { + title: '鑻ヤ緷瀹樼綉鍦板潃澶氬皯锛�', + content: 'http://ruoyi.vip' + }, { + title: '鑻ヤ緷鏂囨。鍦板潃澶氬皯锛�', + content: 'http://doc.ruoyi.vip' + }] + }, + { + icon: 'iconfont icon-help', + title: '鍏朵粬闂', + childList: [{ + title: '濡備綍閫�鍑虹櫥褰曪紵', + content: '璇风偣鍑籟鎴戠殑] - [搴旂敤璁剧疆] - [閫�鍑虹櫥褰昡鍗冲彲閫�鍑虹櫥褰�', + }, { + title: '濡備綍淇敼鐢ㄦ埛澶村儚锛�', + content: '璇风偣鍑籟鎴戠殑] - [閫夋嫨澶村儚] - [鐐瑰嚮鎻愪氦]鍗冲彲鏇存崲鐢ㄦ埛澶村儚', + }, { + title: '濡備綍淇敼鐧诲綍瀵嗙爜锛�', + content: '璇风偣鍑籟鎴戠殑] - [搴旂敤璁剧疆] - [淇敼瀵嗙爜]鍗冲彲淇敼鐧诲綍瀵嗙爜', + }] + } + ]) + + function handleText(item) { + uni.navigateTo({ + url: `/pages/common/textview/index?title=${item.title}&content=${item.content}` + }); + } +</script> + +<style lang="scss" scoped> + page { + background-color: #f8f8f8; + } + + .help-container { + margin-bottom: 100rpx; + padding: 30rpx; + } + + .list-title { + margin-bottom: 30rpx; + } + + .childList { + background: #ffffff; + box-shadow: 0px 0px 10rpx rgba(193, 193, 193, 0.2); + border-radius: 16rpx; + margin-top: 10rpx; + } + + .line { + width: 100%; + height: 1rpx; + background-color: #F5F5F5; + } + + .text-title { + color: #303133; + font-size: 32rpx; + font-weight: bold; + margin-left: 10rpx; + + .iconfont { + font-size: 16px; + margin-right: 10rpx; + } + } + + .text-item { + font-size: 28rpx; + padding: 24rpx; + } + + .question { + color: #606266; + font-size: 28rpx; + } +</style> -- Gitblit v1.9.3