feat: 添加 unselectable 类,更新样式导入,优化返回按钮图标插槽,修改应用名称为 Riwsan
This commit is contained in:
12
.github/copilot-instructions.md
vendored
12
.github/copilot-instructions.md
vendored
@@ -7,6 +7,9 @@ Riwa-Ionic 项目提示词
|
||||
使用 Ionic 组件库,确保跨平台一致性
|
||||
集成 Capacitor 以调用原生功能(摄像头、文件系统等)
|
||||
|
||||
开发工作流:
|
||||
如果我向你提一个新需求或一个 bug 修复请求,你有不懂的地方,先主动提问,直到你完全理解需求为止。
|
||||
|
||||
项目技术栈
|
||||
核心框架:
|
||||
|
||||
@@ -138,3 +141,12 @@ Capacitor 配置本地开发服务器地址为 http://localhost:5173
|
||||
如果有任何不明确的地方,随时提问以获取更多信息
|
||||
如果代码有错误,请先执行 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
5
src/theme/common.css
Normal file
@@ -0,0 +1,5 @@
|
||||
.unselectable {
|
||||
user-select: none;
|
||||
--moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
@@ -1,2 +1,3 @@
|
||||
@import "tailwindcss";
|
||||
@config "../../tailwind.config.ts";
|
||||
@import "./common.css";
|
||||
@@ -18,7 +18,9 @@ function onBack() {
|
||||
|
||||
<template>
|
||||
<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>
|
||||
</button>
|
||||
</template>
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<script lang='ts' setup>
|
||||
import { closeOutline } from "ionicons/icons";
|
||||
import UserInfo from "../user/components/user-info.vue";
|
||||
import IssuingAsset from "./components/issuing-asset.vue";
|
||||
import MyRevenue from "./components/my-revenue.vue";
|
||||
@@ -9,7 +10,11 @@ import TradeSettings from "./components/trade-settings.vue";
|
||||
<ion-page>
|
||||
<ion-header class="ion-no-border">
|
||||
<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-header>
|
||||
<ion-content :fullscreen="true" class="ion-padding">
|
||||
|
||||
@@ -50,9 +50,9 @@ export default defineConfig({
|
||||
type: "module",
|
||||
},
|
||||
manifest: {
|
||||
name: "Riwa",
|
||||
short_name: "Riwa",
|
||||
description: "Riwa Ionic App",
|
||||
name: "Riwsan",
|
||||
short_name: "Riwsan",
|
||||
description: "Riwsan Ionic App",
|
||||
theme_color: "#ffffff",
|
||||
background_color: "#ffffff",
|
||||
display: "standalone",
|
||||
|
||||
Reference in New Issue
Block a user