不羁的空间
Appearance

样式及布局

bujichong指南指南

页面中涉及布局部分，请使用 flex布局方式，如果不熟悉请 点击查看这里

色彩

色彩类型 : default / primary / warning / success / error / info

这些色彩类型在按钮、背景及各种提示中会用到，详情请查看 uview 色彩说明open in new window

12列栅格布局

页面中的栅格布局采用 12列栅格布局，详情请查看 uview的栅格布局open in new window

栅格示例：

<row>
	<u-col span="4">...</u-col>
	<u-col span="4">...</u-col>
	<u-col span="4">...</u-col>
<row>
<row>
	<u-col span="4">...</u-col>
	<u-col span="8">...</u-col>
<row>

如果是 表单项，可省略 u-col，直接 在item 标签上设置 span属性，例如：

<row>				
    <item span="4" label="姓名(中文)" label-width="200" prop="name" rule="req|cn">
        <txt v-model="form.name" :disabled="true" />
    </item>
    <item span="8" label="国籍" prop="country">
        <so-select :list="vuex_dict.country" v-model="form.country" @confirm="changeCountry" />
    </item>
</row>

Icon

除框架中已有 Icon 外，我们集成了 iconfont 图标 ，根据图标名可直接调用，如：

<view class="iconfont icon-userinfo"></view>

这里只集成了图标，具体样式需要再书写。

另外可以使用 uni 和 uview 内置的图标(u-icon组件)，尤其在按钮和一些组件上 u-icon的集成度更高，不需要多余样式，可直接使用

其他样式相关组件

uView里其他样式相关的组件， 如 u-image、u-badge、u-cell等等本身比较完善，没有做多余包装，可直接使用，点击文档去查看open in new window。

文档目录