静态页面样式代码优化

2022/bj-static/webapp/biz/css/base-2022.css

@@ -14,15 +14,15 @@
}
.task-menu-item {
  margin-top: .12rem;
  display: flex;
  margin-left: .15rem;
  margin-right: .15rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.task-menu-item-wdly {
  width: .62rem;
  margin-top: .12rem;
  width: 20%;
}
.task-menu-item-text {
@@ -33,11 +33,6 @@
  color: rgba(0, 0, 0, 0.6);
}
.content {
  width: 100%;
  display: flex;
}
.left-tabbar {
  background: #F6F6F6;
}
@@ -45,36 +40,30 @@
.left-tabbar-item {
  width: .8rem;
  height: .44rem;
  background: #FFFFFF;
  background: #F6F6F6;
}
.left-tabbar-item-notchoice {
  width: .8rem;
  height: .44rem;
  background: #F6F6F6;
.left-tabbar-item.active{
  background: #FFFFFF;
}
.left-tabbar-item.ipu-fn-bd-b ::after{
  color: #E7E7E7;
}
.left-tabbar-item-notchoice.ipu-fn-bd-b ::after{
.left-tabbar-item.ipu-fn-bd-b ::after{
  color: #E7E7E7;
}
.left-tabbar-item-text {
.left-tabbar-item-text{
  font-size: .12rem;
  line-height: .44rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  color: rgba(0, 0, 0, 0.4);
}
.left-tabbar-item-text-notchoice {
  font-size: .12rem;
  line-height: .44rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
.left-tabbar-item.active .left-tabbar-item-text {
  color: rgba(0, 0, 0, 0.9);
}
.main-content {
@@ -82,6 +71,7 @@
  flex: 1;
  background: #FFFFFF;
  padding: .04rem .16rem .16rem .16rem;
  overflow: auto;
}
.main-content-item {
@@ -404,4 +394,4 @@
  height: .36rem;
  background: url('../img/zcrw.png') center no-repeat;
  background-size: .36rem auto;
}
}

2022/bj-static/webapp/template/general/2022-task-list.html

@@ -61,8 +61,6 @@
              <div class="lh-icon"></div>
              <div class="task-menu-item-text">立户</div>
            </div>
          </div>
          <div class="task-menu-item">
            <div class="task-menu-item-wdly">
              <div class="ksjd-icon"></div>
              <div class="task-menu-item-text">快速建档</div>
@@ -79,10 +77,6 @@
              <div class="bms-icon"></div>
              <div class="task-menu-item-text">部门树</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="blank-icon"></div>
              <div class="task-menu-item-text"></div>
            </div>
          </div>
        </div>
        <div class="task-menu-kqwx">
@@ -108,8 +102,6 @@
              <div class="rxdz-icon"></div>
              <div class="task-menu-item-text">柔性定制</div>
            </div>
          </div>
          <div class="task-menu-item">
            <div class="task-menu-item-wdly">
              <div class="cpdt-icon"></div>
              <div class="task-menu-item-text">产品大厅</div>
@@ -155,8 +147,6 @@
              <div class="gwcxd-icon"></div>
              <div class="task-menu-item-text">购物车下单</div>
            </div>
          </div>
          <div class="task-menu-item">
            <div class="task-menu-item-wdly">
              <div class="xysp-icon"></div>
              <div class="task-menu-item-text">协议审批</div>
@@ -177,8 +167,6 @@
              <div class="pdzz-icon"></div>
              <div class="task-menu-item-text">派单综资</div>
            </div>
          </div>
          <div class="task-menu-item">
            <div class="task-menu-item-wdly">
              <div class="wdcd-icon"></div>
              <div class="task-menu-item-text">我的催单</div>
@@ -195,10 +183,6 @@
              <div class="wdxyd-icon"></div>
              <div class="task-menu-item-text">我的协议单</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="blank-icon"></div>
              <div class="task-menu-item-text"></div>
            </div>
          </div>
        </div>
        <div class="task-menu-kqwx">
@@ -237,18 +221,6 @@
              <div class="zcrw-icon"></div>
              <div class="task-menu-item-text">驻场任务</div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="blank-icon"></div>
              <div class="task-menu-item-text"></div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="blank-icon"></div>
              <div class="task-menu-item-text"></div>
            </div>
            <div class="task-menu-item-wdly">
              <div class="blank-icon"></div>
              <div class="task-menu-item-text"></div>
            </div>
          </div>
        </div>
      </div>

2022/bj-static/webapp/template/general/2022-todo-list.html

@@ -40,16 +40,16 @@
        </div>
      </div>
      <div class=" ipu-flex-col ipu-flex-col-auto customer-info-content">
        <div class="content">
        <div class="ipu-flex-content ipu-flex">
          <div class="left-tabbar">
            <div class="left-tabbar-item ipu-fn-bd-b">
            <div class="left-tabbar-item active ipu-fn-bd-b">
              <div class="left-tabbar-item-text">商机线索</div>
            </div>
            <div class="left-tabbar-item-notchoice ipu-fn-bd-b">
              <div class="left-tabbar-item-text-notchoice">商机跟进</div>
            <div class="left-tabbar-item ipu-fn-bd-b">
              <div class="left-tabbar-item-text">商机跟进</div>
            </div>
            <div class="left-tabbar-item-notchoice ipu-fn-bd-b">
              <div class="left-tabbar-item-text-notchoice">协议审批</div>
            <div class="left-tabbar-item ipu-fn-bd-b">
              <div class="left-tabbar-item-text">协议审批</div>
            </div>
          </div>
          <div class="main-content">