blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

修改cell样式，添加required功能

Browse Source
This commit is contained in:
niunai 2017-03-19 16:17:13 +08:00
parent 6ecc410b7d
commit a2cd7b62a7
4 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/examples-docs/cell.md
View File

@ -29,6 +29,18 @@ export default {
``` ```
::: :::
### 带*号，标明必填
传入`required`属性
:::demo 带*号，标明必填
```html
<zan-cell-group>
<zan-cell title="单元格1" required></zan-cell>
</zan-cell-group>
```
:::
### 标题带描述信息 ### 标题带描述信息
传入`label`属性，属性值为描述信息的值。 传入`label`属性，属性值为描述信息的值。

5
packages/cell/src/cell.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<a class="zan-cell" :href="url" @click="handleClick"> <a class="zan-cell" :href="url" @click="handleClick">
<div class="zan-cell__title"> <div :class="{ 'zan-cell__title': true, 'zan-cell__required': required }">
<slot name="icon"> <slot name="icon">
<i v-if="icon" class="zan-icon" :class="'zan-icon-' + icon"></i> <i v-if="icon" class="zan-icon" :class="'zan-icon-' + icon"></i>
</slot> </slot>
@ -31,7 +31,8 @@ export default {
value: [String, Number], value: [String, Number],
url: String, url: String,
label: String, label: String,
isLink: Boolean isLink: Boolean,
required: Boolean
}, },
methods: { methods: {

21
packages/zanui-css/src/cell.css
View File

@ -3,7 +3,7 @@
@component-namespace zan { @component-namespace zan {
@b cell-group { @b cell-group {
padding-left: 10px; padding-left: 15px;
position: relative; position: relative;
background-color: #fff; background-color: #fff;
@ -14,9 +14,8 @@
@b cell { @b cell {
display: block; display: block;
overflow: hidden;
position: relative; position: relative;
padding: 10px 10px 10px 0; padding: 10px 15px 10px 0;
box-sizing: border-box; box-sizing: border-box;
line-height: 22px; line-height: 22px;
background-color: $c-white; background-color: $c-white;
@ -35,8 +34,20 @@
} }
@e title { @e title {
float: left; display: inline-block;
overflow: hidden; overflow: hidden;
/* 清除空白字符对高度的影响 */
vertical-align: bottom;
&.zan-cell__required {
&::before {
content: '*';
position: absolute;
left: -7px;
font-size: 14px;
color: #f44;
}
}
} }
@e label { @e label {
@ -62,7 +73,7 @@
.zan-icon-arrow { .zan-icon-arrow {
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 10px; right: 15px;
transform: translateY(-50%); transform: translateY(-50%);
color: $c-gray-dark; color: $c-gray-dark;
font-size: 12px; font-size: 12px;

7
packages/zanui-css/src/mixins/clearfix.css Normal file
View File

@ -0,0 +1,7 @@
@define-mixin clearfix {
&::after {
content: '';
display: table;
clear: both;
}
}