```html
<div class="demo-block" id="group-demo1">
  <lx-group
    label-width="4.5em"
    label-margin-right="2em"
    label-align="right"
  >
    <lx-cell
      title="Cell"
      value="value"
      is-link
    ></lx-cell>
    <lx-cell
      title="Cell"
      value="value"
      is-link
      value-align="left"
    ></lx-cell>
    <lx-x-input
      v-model="value1"
      title="上报人"
    ></lx-x-input>
    <lx-x-input placeholder="I'm placeholder">
      <img
        slot="restricted-label"
        style="display:inline-block;vertical-align:middle;"
        src="http://dn-placeholder.qbox.me/110x110/FF2D55/000"
        width="24"
        height="24"
      >
    </lx-x-input>
    <lx-x-input
      v-model="value1"
      title="上<i class='vux-blank-half'></i>报<i class='vux-blank-half'></i>人"
    ></lx-x-input>
    <lx-x-number
      v-model="numberValue"
      title="Quantity"
      align="left"
      button-style="round"
      :min="0"
      :max="5"
    ></lx-x-number>
    <lx-datetime
      v-model="time1"
      title="时&emsp;&emsp;&nbsp;间"
      value-text-align="left"
    ></lx-datetime>
    <lx-selector
      v-model="value2"
      title="隐患类别"
      :options="['工艺技术', '其他']"
    ></lx-selector>
    <lx-selector
      v-model="value7"
      title="隐患类别"
      placeholder="Placeholder"
      :options="['工艺技术', '其他']"
    ></lx-selector>
    <lx-selector
      v-model="value8"
      title="隐患类别"
      :options="['工艺技术', '其他']"
    ></lx-selector>
    <lx-x-input
      v-model="value3"
      title="隐患部位"
      placeholder="必填"
    ></lx-x-input>
    <lx-x-input
      v-model="value4"
      title="密码"
      type="password"
      placeholder="必填"
    ></lx-x-input>
    <lx-popup-picker
      v-model="value5"
      title="请选择"
      :data="list"
      value-text-align="left"
    ></lx-popup-picker>
    <lx-popup-picker
      v-model="value6"
      title="请选择"
      placeholder="Required"
      :data="list"
      value-text-align="left"
    ></lx-popup-picker>
    <lx-x-address
      v-model="addressValue"
      title="地址选择"
      raw-value
      :list="addressData"
      value-text-align="left"
    ></lx-x-address>
    <lx-x-textarea
      title="详细信息"
      placeholder="请填写详细信息"
      :show-counter="false"
      :rows="3"
    ></lx-x-textarea>
    <lx-x-textarea
      placeholder="请填写详细信息"
      :show-counter="false"
      :rows="3"
    >
      <img
        slot="restricted-label"
        style="display:inline-block;vertical-align:middle;"
        src="http://dn-placeholder.qbox.me/110x110/FF2D55/000"
        width="24"
        height="24"
      >
    </lx-x-textarea>
  </lx-group>
  <br>
  <lx-group>
    <lx-group-title slot="title">
      I'm a title<span style="float:right;">right</span>
    </lx-group-title>
    <lx-cell title="cell"></lx-cell>
  </lx-group>
  <br>
  <lx-group
    title="justify"
    label-width="5.5em"
    label-margin-right="2em"
    label-align="justify"
  >
    <lx-cell
      title="哈哈"
      value="value"
      is-link
    ></lx-cell>
    <lx-cell
      title="哈哈哈哈哈"
      value="value"
      is-link
      value-align="left"
    ></lx-cell>
    <lx-x-input
      v-model="value1"
      title="上报人"
    ></lx-x-input>
    <lx-x-number
      v-model="numberValue"
      title="Quantity"
      align="left"
      button-style="round"
      :min="0"
      :max="5"
    ></lx-x-number>
    <lx-datetime
      v-model="time1"
      title="时间"
      value-text-align="left"
    ></lx-datetime>
    <lx-selector
      v-model="value2"
      title="隐患类别"
      :options="['工艺技术', '其他']"
    ></lx-selector>
    <lx-popup-picker
      v-model="value5"
      title="请选择"
      :data="list"
      value-text-align="left"
    ></lx-popup-picker>
    <lx-x-address
      v-model="addressValue"
      title="地址选择"
      raw-value
      :list="addressData"
      value-text-align="left"
      label-align="justify"
    ></lx-x-address>
    <lx-x-switch title="选择"></lx-x-switch>
    <lx-x-textarea
      title="详细信息"
      placeholder="请填写详细信息"
      :show-counter="false"
      :rows="3"
    ></lx-x-textarea>
  </lx-group>
  <br>
</div>


<script>
// Group.md
// import { cvux as ChinaAddressData } from 'city-data/lib/mobile'
const AddressChinaData = window.cvux.default.static.AddressChinaData
new Vue({
  el: '#group-demo1',
  data: {
    addressData: AddressChinaData,
    addressValue: ['广东省', '深圳市', '南山区'],
    value1: '张三',
    value2: '工艺技术',
    value3: '',
    value7: '',
    value8: '',
    value4: '',
    time1: '2017-06-01',
    value5: ['A'],
    value6: [],
    list: [['A', 'B', 'C']],
    numberValue: 0
  }
})
</script>
```