NCZY/WAI_Project_UNIX
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化 ios 样式兼容

Browse Source
This commit is contained in:
icssoa
2025-09-03 10:01:28 +08:00
parent 2f054c6638
commit 6d75de2cc7
17 changed files with 165 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
pages/demo/basic/tag.uvue
View File

@@ -8,7 +8,7 @@
</demo-item>
<demo-item :label="t('不同类型')">
<view class="flex flex-row">
<view class="flex flex-row flex-wrap">
<cl-tag type="primary">{{ t("主要") }}</cl-tag>
<cl-tag type="success">{{ t("成功") }}</cl-tag>
<cl-tag type="warn">{{ t("警告") }}</cl-tag>
@@ -38,7 +38,7 @@
</demo-item>
<demo-item :label="t('镂空')">
<view class="flex flex-row">
<view class="flex flex-row flex-wrap">
<cl-tag type="primary" plain>{{ t("主要") }}</cl-tag>
<cl-tag type="success" plain>{{ t("成功") }}</cl-tag>
<cl-tag type="warn" plain>{{ t("警告") }}</cl-tag>

50
pages/demo/form/input-otp.uvue
View File

@@ -10,33 +10,31 @@
</demo-item>
<demo-item :label="t('自定义')">
<view class="mb-3">
<cl-input-otp
:length="isLength ? 6 : 4"
:disabled="isDisabled"
:pt="{
item: {
className: parseClass({
'!bg-sky-100': isCustom,
'!border-white': isCustom
})
},
value: {
className: parseClass({
'!text-sky-700': isCustom
})
},
cursor: {
className: parseClass({
'!bg-sky-700': isCustom
})
}
}"
@done="toDone"
></cl-input-otp>
</view>
<cl-input-otp
:length="isLength ? 6 : 4"
:disabled="isDisabled"
:pt="{
item: {
className: parseClass({
'!bg-sky-100': isCustom,
'!border-white': isCustom
})
},
value: {
className: parseClass({
'!text-sky-700': isCustom
})
},
cursor: {
className: parseClass({
'!bg-sky-700': isCustom
})
}
}"
@done="toDone"
></cl-input-otp>
<cl-list border>
<cl-list border :pt="{ className: 'mt-5' }">
<cl-list-item :label="t('长度为6')">
<cl-switch v-model="isLength"></cl-switch>
</cl-list-item>

48
pages/demo/form/input.uvue
View File

@@ -60,33 +60,31 @@
</demo-item>
<demo-item :label="t('自定义')">
<view class="mb-3">
<cl-input
v-model="content"
:border="isBorder"
:suffix-icon="isRightIcon ? 'text' : ''"
:prefix-icon="isLeftIcon ? 'search-line' : ''"
:disabled="isDisabled"
:pt="{
<cl-input
v-model="content"
:border="isBorder"
:suffix-icon="isRightIcon ? 'text' : ''"
:prefix-icon="isLeftIcon ? 'search-line' : ''"
:disabled="isDisabled"
:pt="{
className: parseClass({
'!bg-sky-100': isColor,
'!border-sky-700': isColor
}),
inner: {
className: parseClass({
'!bg-sky-100': isColor,
'!border-sky-700': isColor
}),
inner: {
className: parseClass({
'!text-sky-700': isColor
})
},
prefixIcon: {
className: parseClass({
'!text-sky-700': isColor
})
}
}"
></cl-input>
</view>
'!text-sky-700': isColor
})
},
prefixIcon: {
className: parseClass({
'!text-sky-700': isColor
})
}
}"
></cl-input>
<cl-list border>
<cl-list border :pt="{ className: 'mt-5' }">
<cl-list-item :label="t('边框')">
<cl-switch v-model="isBorder"></cl-switch>
</cl-list-item>

4
pages/demo/form/keyboard.uvue
View File

@@ -2,7 +2,7 @@
<cl-page>
<view class="p-3">
<demo-item :label="t('数字键盘')">
<view class="mb-3">
<view class="mb-3 overflow-visible">
<cl-input type="number" v-model="content"></cl-input>
</view>
@@ -44,7 +44,7 @@
</demo-item>
<demo-item :label="t('车牌号键盘')">
<view class="flex mb-3 justify-center flex-row">
<view class="flex mb-3 justify-center flex-row overflow-visible">
<cl-input-otp
input-type="text"
:length="8"

38
pages/demo/form/textarea.uvue
View File

@@ -6,28 +6,26 @@
</demo-item>
<demo-item :label="t('自定义')">
<view class="mb-3">
<cl-textarea
v-model="content"
:border="isBorder"
:disabled="isDisabled"
:show-word-limit="isShowCount"
:auto-height="isAutoHeight"
:pt="{
<cl-textarea
v-model="content"
:border="isBorder"
:disabled="isDisabled"
:show-word-limit="isShowCount"
:auto-height="isAutoHeight"
:pt="{
className: parseClass({
'!bg-sky-100': isColor,
'!border-sky-700': isColor
}),
inner: {
className: parseClass({
'!bg-sky-100': isColor,
'!border-sky-700': isColor
}),
inner: {
className: parseClass({
'!text-sky-700': isColor
})
}
}"
></cl-textarea>
</view>
'!text-sky-700': isColor
})
}
}"
></cl-textarea>
<cl-list border>
<cl-list border :pt="{ className: 'mt-5' }">
<cl-list-item :label="t('边框')">
<cl-switch v-model="isBorder"></cl-switch>
</cl-list-item>

4
pages/index/home.uvue
View File

@@ -74,7 +74,7 @@
</view>
<!-- 自定义底部导航栏 -->
<tabbar></tabbar>
<custom-tabbar></custom-tabbar>
<!-- 主题设置 -->
<locale-set :ref="refs.set('localeSet')"></locale-set>
@@ -92,7 +92,7 @@ import { useUi } from "@/uni_modules/cool-ui";
import { config } from "@/config";
import LocaleSet from "@/components/locale-set.uvue";
import SizeSet from "@/components/size-set.uvue";
import Tabbar from "@/components/tabbar.uvue";
import CustomTabbar from "@/components/tabbar.uvue";
const ui = useUi();
const refs = useRefs();

4
pages/index/my.uvue
View File

@@ -237,7 +237,7 @@
</view>
<!-- 自定义底部导航栏 -->
<tabbar></tabbar>
<custom-tabbar></custom-tabbar>
</cl-page>
</template>
@@ -245,7 +245,7 @@
import { router, userInfo, useStore } from "@/cool";
import { t } from "@/locale";
import { useUi } from "@/uni_modules/cool-ui";
import Tabbar from "@/components/tabbar.uvue";
import CustomTabbar from "@/components/tabbar.uvue";
const { user } = useStore();
const ui = useUi();

4
pages/index/template.uvue
View File

@@ -21,12 +21,12 @@
</view>
<!-- 自定义底部导航栏 -->
<tabbar></tabbar>
<custom-tabbar></custom-tabbar>
</cl-page>
</template>
<script setup lang="ts">
import Tabbar from "@/components/tabbar.uvue";
import CustomTabbar from "@/components/tabbar.uvue";
import { router } from "@/cool";
import { t } from "@/locale";
import { useUi } from "@/uni_modules/cool-ui";