提交 c7b88b89 编写于 作者: H hdx

feat(switch): 调整页面样式,推荐样式没有 padding 太贴边了

上级 b0c5829e
...@@ -55,6 +55,10 @@ ...@@ -55,6 +55,10 @@
align-items: center; align-items: center;
} }
.uni-list-cell-padding {
padding: 16px;
}
.uni-list-cell-line { .uni-list-cell-line {
border-bottom: 1px solid #c8c7cc; border-bottom: 1px solid #c8c7cc;
} }
...@@ -143,4 +147,4 @@ ...@@ -143,4 +147,4 @@
padding: 18rpx; padding: 18rpx;
line-height: 1.6; line-height: 1.6;
font-size: 28rpx; font-size: 28rpx;
} }
\ No newline at end of file
<template> <template>
<view class="uni-padding-wrap"> <view>
<view class="uni-common-mt"> <view class="uni-padding-wrap uni-common-mt">
<view class="uni-title">默认样式</view> <view class="uni-title">默认样式</view>
<view class="flex-row"> <view class="flex-row">
<switch class="switch-checked" :checked="checked" @change="switch1Change" /> <switch class="switch-checked" :checked="checked" @change="switch1Change" />
...@@ -20,11 +20,11 @@ ...@@ -20,11 +20,11 @@
<view class="uni-title">推荐展示样式</view> <view class="uni-title">推荐展示样式</view>
</view> </view>
<view class="uni-list"> <view class="uni-list">
<view class="uni-list-cell uni-list-cell-pd"> <view class="uni-list-cell uni-list-cell-padding">
<view class="uni-list-cell-db">开启中</view> <view class="uni-list-cell-db">开启中</view>
<switch :checked="true" /> <switch :checked="true" />
</view> </view>
<view class="uni-list-cell uni-list-cell-pd"> <view class="uni-list-cell uni-list-cell-padding">
<view class="uni-list-cell-db">关闭</view> <view class="uni-list-cell-db">关闭</view>
<switch /> <switch />
</view> </view>
...@@ -58,4 +58,4 @@ ...@@ -58,4 +58,4 @@
.flex-row { .flex-row {
flex-direction: row; flex-direction: row;
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册