如何正确使用自定义样式来操作单据-实现方案

标签：

如何正确使用自定义样式来操作单据

需求背景：

1.      在苍穹自定义样式中，如何编写正确的样式代码来使用，下面给大家带来正确开发苍穹自定义样式的实现步骤和注意要点，以及和传统h5页面的写法不同之处

2.      问：使用自定义样式操作单据编号字段

实现方案：

1.      新建单据

2.以单据编号为例

3.自定义样式里面存在 $,div,$：,$ > div

这个是苍穹系统封装的特殊写法，与以往h5不一样的获取class与id获取style上的 区别

4.下面通过单据编码标识来实现一下颜色样式的写法

5.获取标识和修改标识的方式用浏览器按F12浏览器编辑界面:  $ > div(指的的一级div)

针对多级div的结构，采用($>div>div)这种模式，获取目录

6.如果要获取指定的标签  $>div>input

实现效果：

在这里通过标识实现单据编号的颜色区分

这里需要重点提示一下，自定义样式需要针对标识来进行操作的，不能在一级目录当中直接赋值，否则是会不生效的（如图）

附件代码

常用写法如下：

$ {

  background:red;

 }

$ > div  {

   font-size:10px

 }

$ > div > div {

   background:yellow

    font-size:100px

 }

$ > div > div>span {

   background:blue

 }