From ca2af88ae27813fae3e2ed09ac13fa8985463e1b Mon Sep 17 00:00:00 2001
From: jt <jt@activesoft.com.cn>
Date: 星期一, 25 三月 2024 13:43:13 +0800
Subject: [PATCH] 3200功能点HTML页面显示样式列表样式的菱形样式改进
---
pages/modal/3200.vue | 58 +++++++++++++++++++++++++++++++++-------------------------
1 files changed, 33 insertions(+), 25 deletions(-)
diff --git a/pages/modal/3200.vue b/pages/modal/3200.vue
index 0f03e85..3e0d710 100644
--- a/pages/modal/3200.vue
+++ b/pages/modal/3200.vue
@@ -271,15 +271,41 @@
margin-bottom: 5px;
}
.dv_panel_content .dv_panel_attr i{
- vertical-align: 22px;
+ vertical-align: super;
margin: 0 10px;
}
.dv_panel_content .dv_panel_attr .circel_node{}
/* 鏄彵褰㈢殑 */
-.dv_panel_content .dv_panel_attr .dv_diamond_node {}
-.dv_panel_content .dv_panel_attr .dv_box_node{
- display: inline-block;
- text-align: center;
+.dv_panel_content .dv_panel_attr .dv_diamond_node p{
+ width: 50px;
+ height: 50px;
+ background-color: #4D6AF4;
+ transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ margin: 15px auto;
+ padding: 9px;
+ // line-height: 28px;
+ text-align: center;
+}
+.dv_panel_content .dv_panel_attr .dv_diamond_node p span{
+ color: #fff;
+ transform: rotate(-45deg);
+ display: inline-block;
+ text-align: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ // white-space: nowrap;
+}
+/* 榛樿褰�*/
+.dv_panel_content .dv_panel_attr .dv_box_node,
+.dv_panel_content .dv_panel_attr .dv_diamond_node{
+ vertical-align: middle;
+ display: inline-block;
+ text-align: center;
+ width: 100px;
}
.dv_panel_content .dv_panel_attr .dv_box_node p{
background: #4D6AF4;
@@ -311,24 +337,6 @@
<template>
<view class="content">
- <!-- <view class="dv_panel_condent">
- <view class="dv_panel_attr">
- <label>No锛�/label>
- <span>TA240129-00001</span>
- </view>
- <view class="dv_panel_attr">
- <view class="dv_inline">
- <p>姣涙枡绾胯竟</p>
- <label>L002-1</label>
- </view>
- <i class="mobox-normal-right"></i>
- <view class="dv_inline">
- <p>姣涙枡绾胯竟</p>
- <label>L003-3</label>
- </view>
- </view>
- </view> -->
-
<view class="v-content">
<!-- 琛ㄥご鏍峰紡 -->
<view class="v-headStyle" v-for="(item,index) in head_styledef.form.items" v-if="isFilter==true">
@@ -392,12 +400,12 @@
</div>
<div class="dv_panel_attr">
<div class="dv_box_node">
- <p>姣涙枡绾胯竟</p>
+ <p><span>姣涙枡绾胯竟</span></p>
<label>L002-1</label>
</div>
<i class="mobox-normal-right"></i>
<div class="dv_box_node">
- <p>姣涙枡绾胯竟</p>
+ <p><span>姣涙枡绾胯竟</span></p>
<label>L003-3</label>
</div>
</div>
--
Gitblit v1.9.1