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

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";
@config "../../tailwind.config.ts";
@import "./common.css";

View File

@@ -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>

View File

@@ -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">