-
-
-
-
被困电梯,需要救援
-
-
处理状态:已处理
-
处理报告:下载
-
2024-03-01 12:00:00
+
+
+
+
+
+
被困电梯,需要救援的风景和深刻搭街坊后来空手道解放螺丝钉顺利打开飞机螺丝钉看见分列式雕刻技法
+
检查人:张三
+
+
+
+
处理状态:已处理
+
处理报告:下载
+
2024-03-01 12:00:00
+
-
+
+
@@ -42,7 +54,7 @@ onMounted(async () => {
padding: 10px 10px;
.itemBox{
width: 100%;
- height: 30%;
+ height: 65px;
color: #fff;
display: flex;
justify-content: space-between;
@@ -58,40 +70,68 @@ onMounted(async () => {
}
.itemRight{
- height: 100%;
- width: calc(81% - 10px);
- padding: 0 5px;
+ height: calc(100% - 10px);
+ width: calc(82% - 10px);
+ padding: 5px 5px;
// background-color: rgba($color: #a85454, $alpha: 0.3);
background: repeating-linear-gradient(100deg, rgba(200,10,10,0.1), rgba(200,10,10,0.1) 20px, rgba(0,0,0,0) 20px, rgba(0,0,0,0) 40px),
linear-gradient(to bottom, rgba(200,10,10,0.2), rgba(200,10,10,0.3));
background-size: 100% 100%, 100% 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
.rightTop{
- height: 50%;
+ height: 30%;
width: 100%;
- transform: translateY(10px);
- white-space: nowrap; /* 防止文字换行 */
- overflow: hidden; /* 超出部分隐藏 */
- text-overflow: ellipsis; /* 超出部分显示省略号 */
+ display: flex;
+ justify-content: space-between;
+ }
+ .rightCenter{
+ height: 30%;
+ width: 100%;
+ display: flex;
+ justify-content: flex-end;
}
.rightBottom{
color: #19bfef;
- height: 50%;
+ height: 30%;
display: flex;
align-items: center;
justify-content: space-between;
- transform: translateY(-3px);
+ // transform: translateY(-3px);
.rbInner1{}
.rbInner2{}
- .rbInner3{}
+ .rbInner3{
+ font-style: italic;
+ }
}
}
}
}
}
+.overHiddenText{
+ white-space: nowrap; /* 防止文字换行 */
+ overflow: hidden; /* 超出部分隐藏 */
+ text-overflow: ellipsis; /* 超出部分显示省略号 */
+}
::v-deep .h-card .content {
height: 80%;
}
::v-deep .h-card {
position: relative;
}
+.not-data {
+ top: 40%;
+ width: 30%;
+ left: 35%;
+ position: absolute;
+ text-align: center;
+ img {
+ width: 50%;
+ }
+ p {
+ color: #fff;
+ font-size: 14px;
+ }
+}