feat: 添加 unselectable 类,更新样式导入,优化返回按钮图标插槽,修改应用名称为 Riwsan

This commit is contained in:
2026-01-10 13:05:54 +07:00
parent ed22128028
commit 3cd91fcad0
6 changed files with 30 additions and 5 deletions

View File

@@ -7,6 +7,9 @@ Riwa-Ionic 项目提示词
使用 Ionic 组件库,确保跨平台一致性 使用 Ionic 组件库,确保跨平台一致性
集成 Capacitor 以调用原生功能(摄像头、文件系统等) 集成 Capacitor 以调用原生功能(摄像头、文件系统等)
开发工作流:
如果我向你提一个新需求或一个 bug 修复请求,你有不懂的地方,先主动提问,直到你完全理解需求为止。
项目技术栈 项目技术栈
核心框架: 核心框架:
@@ -138,3 +141,12 @@ Capacitor 配置本地开发服务器地址为 http://localhost:5173
如果有任何不明确的地方,随时提问以获取更多信息 如果有任何不明确的地方,随时提问以获取更多信息
如果代码有错误,请先执行 pnpm run lint:fix + 修改/新创建的文件路径来自动修复代码问题 如果代码有错误,请先执行 pnpm run lint:fix + 修改/新创建的文件路径来自动修复代码问题
如果有工具链文档地址,请参考相关文档进行开发 如果有工具链文档地址,请参考相关文档进行开发
外部资源文档:
Ionic Vue 文档https://ionicframework.com/docs/
Vue 3 文档https://cn.vuejs.org/
TypeScript 文档https://www.typescriptlang.org/
Capacitor 文档https://capacitorjs.com/docs/getting-started
TailwindCSS 文档https://tailwindcss.com/docs/installation/using-vite
TradingView Charting Library 文档https://www.tradingview.com/widget-docs/getting-started/#getting-started
PWA 文档https://vite-pwa-org.netlify.app/

5
src/theme/common.css Normal file
View File

@@ -0,0 +1,5 @@
.unselectable {
user-select: none;
--moz-user-select: none;
-webkit-user-select: none;
}

View File

@@ -1,2 +1,3 @@
@import "tailwindcss"; @import "tailwindcss";
@config "../../tailwind.config.ts"; @config "../../tailwind.config.ts";
@import "./common.css";

View File

@@ -18,7 +18,9 @@ function onBack() {
<template> <template>
<button class="z-1 flex items-center" @click="onBack"> <button class="z-1 flex items-center" @click="onBack">
<ion-icon :icon="chevronBackOutline" class="text-2xl" /> <slot name="icon">
<ion-icon :icon="chevronBackOutline" class="text-2xl" />
</slot>
<span v-if="text" class="text-base">{{ text }}</span> <span v-if="text" class="text-base">{{ text }}</span>
</button> </button>
</template> </template>

View File

@@ -1,4 +1,5 @@
<script lang='ts' setup> <script lang='ts' setup>
import { closeOutline } from "ionicons/icons";
import UserInfo from "../user/components/user-info.vue"; import UserInfo from "../user/components/user-info.vue";
import IssuingAsset from "./components/issuing-asset.vue"; import IssuingAsset from "./components/issuing-asset.vue";
import MyRevenue from "./components/my-revenue.vue"; import MyRevenue from "./components/my-revenue.vue";
@@ -9,7 +10,11 @@ import TradeSettings from "./components/trade-settings.vue";
<ion-page> <ion-page>
<ion-header class="ion-no-border"> <ion-header class="ion-no-border">
<ion-toolbar class="ion-toolbar"> <ion-toolbar class="ion-toolbar">
<ui-back-button slot="start" text="" /> <ui-back-button slot="end" text="">
<template #icon>
<ion-icon :icon="closeOutline" class="text-2xl mr-3" />
</template>
</ui-back-button>
</ion-toolbar> </ion-toolbar>
</ion-header> </ion-header>
<ion-content :fullscreen="true" class="ion-padding"> <ion-content :fullscreen="true" class="ion-padding">

View File

@@ -50,9 +50,9 @@ export default defineConfig({
type: "module", type: "module",
}, },
manifest: { manifest: {
name: "Riwa", name: "Riwsan",
short_name: "Riwa", short_name: "Riwsan",
description: "Riwa Ionic App", description: "Riwsan Ionic App",
theme_color: "#ffffff", theme_color: "#ffffff",
background_color: "#ffffff", background_color: "#ffffff",
display: "standalone", display: "standalone",