feat: 添加 unselectable 类,更新样式导入,优化返回按钮图标插槽,修改应用名称为 Riwsan
This commit is contained in:
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">
|
||||
|
||||
Reference in New Issue
Block a user