优化 ios 样式兼容

pages/demo/basic/tag.uvue

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

pages/demo/form/input-otp.uvue

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

pages/demo/form/input.uvue

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

pages/demo/form/keyboard.uvue

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

pages/demo/form/textarea.uvue

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