优化细节

This commit is contained in:
icssoa
2025-09-03 19:04:08 +08:00
parent 7791c47483
commit 6cebe34de4
8 changed files with 38 additions and 14 deletions

View File

@@ -32,7 +32,7 @@
<view
class="flex flex-col items-center justify-center h-[100rpx] rounded-lg"
hover-class="opacity-60"
:hover-stay-time="100"
:hover-stay-time="250"
@tap="copy(item)"
>
<cl-icon :name="item"></cl-icon>
@@ -47,7 +47,7 @@
<view
class="flex flex-col items-center justify-center h-[100rpx]"
hover-class="opacity-60"
:hover-stay-time="100"
:hover-stay-time="250"
@tap="copy(item)"
>
<cl-icon :name="item"></cl-icon>

View File

@@ -236,6 +236,8 @@
>{{ t("确定") }}</cl-button
>
</view>
<cl-safe-area type="bottom"></cl-safe-area>
</view>
</cl-popup>
</cl-page>

View File

@@ -6,7 +6,7 @@
</demo-item>
<demo-item :label="t('不同位置')">
<view class="flex flex-row">
<view class="flex flex-row overflow-visible">
<cl-button type="light" @tap="open('top')">{{ t("顶部") }}</cl-button>
<cl-button type="light" @tap="open('center')">{{ t("中间") }}</cl-button>
<cl-button type="light" @tap="open('bottom')">{{ t("底部") }}</cl-button>
@@ -14,7 +14,7 @@
</demo-item>
<demo-item :label="t('不同类型')">
<view class="flex flex-row flex-wrap mb-2">
<view class="flex flex-row flex-wrap mb-2 overflow-visible">
<cl-button type="light" @tap="openType('success')">{{ t("成功") }}</cl-button>
<cl-button type="light" @tap="openType('error')">{{ t("失败") }}</cl-button>
<cl-button type="light" @tap="openType('warn')">{{ t("警告") }}</cl-button>
@@ -22,13 +22,13 @@
<cl-button type="light" @tap="openType('disabled')">{{ t("禁用") }}</cl-button>
</view>
<view class="flex flex-row flex-wrap">
<view class="flex flex-row flex-wrap overflow-visible">
<cl-button type="light" @tap="openType('stop')">{{ t("停止") }}</cl-button>
</view>
</demo-item>
<demo-item :label="t('自定义图标')">
<view class="flex flex-row">
<view class="flex flex-row overflow-visible">
<cl-button
type="light"
icon="star-line"

View File

@@ -2,7 +2,7 @@
<cl-page>
<view class="p-3">
<demo-item :label="t('基础用法')">
<view class="flex flex-row">
<view class="flex flex-row overflow-visible">
<cl-badge type="primary" value="1" class="mr-2"></cl-badge>
<cl-badge type="success" value="12" class="mr-2"></cl-badge>
<cl-badge type="warn" value="31" class="mr-2"></cl-badge>
@@ -62,7 +62,7 @@
</demo-item>
<demo-item :label="t('自定义样式')">
<view class="flex flex-row">
<view class="flex flex-row overflow-visible">
<cl-badge
type="info"
:pt="{ className: '!rounded-bl-none' }"