Merge branch 'wp1.0' into fly
fanluyan
2 years ago
commit
5472b99a62
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
title="历史图片"
|
||||
:visible.sync="isShow"
|
||||
class="historyPic"
|
||||
width="1192px"
|
||||
@close="handleclose"
|
||||
>
|
||||
<div v-loading="loadingpic">
|
||||
<el-carousel
|
||||
:loop="false"
|
||||
:autoplay="false"
|
||||
height="650px"
|
||||
indicator-position="none"
|
||||
>
|
||||
<el-carousel-item v-for="(item, index) in imglist" :key="index">
|
||||
<el-image
|
||||
:src="item.path"
|
||||
fit="contain"
|
||||
v-if="item.mediaType == 0"
|
||||
></el-image>
|
||||
<el-image
|
||||
:src="item.thumb"
|
||||
fit="contain"
|
||||
v-if="item.mediaType == 1"
|
||||
></el-image>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { getHistoryList } from "@/utils/api/index";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isShow: false,
|
||||
imglist: [],
|
||||
page: 1, // 当前页数
|
||||
pageSize: 10, // 每页数量
|
||||
total: 0, //总条数
|
||||
selectnr: "", //获取当前数据内容
|
||||
loadingpic: false,
|
||||
};
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
//获取图片数据
|
||||
getdataform(val) {
|
||||
this.selectnr = val;
|
||||
this.loadingpic = true;
|
||||
getHistoryList({
|
||||
channelId: this.selectnr.channelId,
|
||||
termId: this.selectnr.termId,
|
||||
pageindex: this.page,
|
||||
pagesize: this.pageSize,
|
||||
}).then((res) => {
|
||||
this.loadingpic = false;
|
||||
this.imglist = res.data.list;
|
||||
this.total = res.data.total;
|
||||
});
|
||||
},
|
||||
//下一页
|
||||
changebtn(e) {
|
||||
console.log(e);
|
||||
if (Math.floor(e / 9) == 1) {
|
||||
this.page++;
|
||||
getHistoryList({
|
||||
channelId: this.selectnr.channelId,
|
||||
termId: this.selectnr.termId,
|
||||
pageindex: this.page,
|
||||
pagesize: this.pageSize,
|
||||
}).then((res) => {
|
||||
this.imglist.push(res.data.list);
|
||||
this.total = res.data.total;
|
||||
});
|
||||
}
|
||||
},
|
||||
display() {
|
||||
this.isShow = true;
|
||||
},
|
||||
hide() {
|
||||
this.isShow = false;
|
||||
this.imglist = [];
|
||||
},
|
||||
handleclose() {
|
||||
this.isShow = false;
|
||||
this.imglist = [];
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less">
|
||||
.historyPic {
|
||||
.el-image {
|
||||
width: 1152px;
|
||||
height: 648px;
|
||||
img {
|
||||
width: 1152px;
|
||||
height: 648px;
|
||||
}
|
||||
}
|
||||
.el-carousel__arrow {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
color: #169e8c;
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,260 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
class="adddeviceDialog"
|
||||
:title="title"
|
||||
:visible.sync="isShow"
|
||||
:close-on-click-modal="false"
|
||||
width="670px"
|
||||
@close="handleclose"
|
||||
>
|
||||
<el-form
|
||||
label-position="left"
|
||||
ref="formInfo"
|
||||
label-width="auto"
|
||||
:rules="rules"
|
||||
:model="ruleForm"
|
||||
>
|
||||
<el-form-item label="名称" prop="name">
|
||||
<el-input v-model="ruleForm.name" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<div class="addtimeBox" ref="timescrollref">
|
||||
<div
|
||||
class="timeBoxArr"
|
||||
v-for="(item, index) in ruleForm.list"
|
||||
:key="index"
|
||||
>
|
||||
<el-form-item
|
||||
label="时间"
|
||||
:prop="'list.' + index + '.time'"
|
||||
:rules="{ required: true, message: '请选择时间', trigger: 'blur' }"
|
||||
>
|
||||
<el-time-picker
|
||||
is-range
|
||||
v-model="item.time"
|
||||
range-separator="至"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
format="HH:mm"
|
||||
value-format="HH:mm"
|
||||
>
|
||||
</el-time-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="间隔（分）" :prop="'list.' + index + '.span'">
|
||||
<!-- <el-input v-model="ruleForm.span" autocomplete="off" type="number"></el-input> -->
|
||||
<el-input-number v-model="item.span" :min="1"></el-input-number>
|
||||
</el-form-item>
|
||||
<div class="btngrop">
|
||||
<el-button
|
||||
v-if="index !== 0"
|
||||
type="danger"
|
||||
icon="el-icon-minus"
|
||||
@click="deleteModule(item, index)"
|
||||
></el-button>
|
||||
<el-button
|
||||
icon="el-icon-plus"
|
||||
type="primary"
|
||||
@click="addModule()"
|
||||
v-if="index + 1 == ruleForm.list.length"
|
||||
></el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="ruleForm.remark" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="isShow = false">取 消</el-button>
|
||||
<el-button type="primary" @click="submitForm()">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { addScheduleRulel, updateScheduleRulel } from "@/utils/api/index";
|
||||
import moment from "moment";
|
||||
export default {
|
||||
props: {
|
||||
title: String,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isShow: false,
|
||||
rules: {
|
||||
name: [{ required: true, message: "请输入名称", trigger: "blur" }],
|
||||
},
|
||||
ruleForm: {},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//判断
|
||||
getdataform(val) {
|
||||
console.log(val);
|
||||
if (val == null) {
|
||||
return (this.ruleForm = {
|
||||
name: "",
|
||||
list: [
|
||||
{
|
||||
time: "",
|
||||
span: "",
|
||||
},
|
||||
],
|
||||
remark: "",
|
||||
});
|
||||
}
|
||||
//this.ruleForm = val;
|
||||
this.ruleForm = JSON.parse(JSON.stringify(val));
|
||||
this.ruleForm.list.forEach((val) => {
|
||||
this.$set(val, "time", [val.startTime, val.endTime]);
|
||||
console.log(val.startTime);
|
||||
console.log(val.endTime);
|
||||
});
|
||||
},
|
||||
addModule() {
|
||||
//新增一行
|
||||
this.ruleForm.list.push({
|
||||
time: "",
|
||||
span: "",
|
||||
});
|
||||
console.log(this.$refs.timescrollref);
|
||||
this.$nextTick(() => {
|
||||
console.log(this.$refs.timescrollref);
|
||||
if (this.$refs.timescrollref) {
|
||||
console.log(this.$refs.timescrollref.scrollHeight);
|
||||
this.$refs.timescrollref.scrollTop =
|
||||
this.$refs.timescrollref.scrollHeight;
|
||||
}
|
||||
});
|
||||
},
|
||||
//删除一行
|
||||
deleteModule(item, index) {
|
||||
console.log(item, index);
|
||||
const itemList = this.ruleForm.list.indexOf(item);
|
||||
if (itemList !== -1) {
|
||||
this.ruleForm.list.splice(index, 1);
|
||||
}
|
||||
},
|
||||
// 保存确定操作
|
||||
submitForm() {
|
||||
this.$refs.formInfo.validate((valid) => {
|
||||
if (valid) {
|
||||
// delete this.ruleForm.time;
|
||||
this.ruleForm.list.forEach((val) => {
|
||||
this.$set(val, "startTime", val.time[0]);
|
||||
this.$set(val, "endTime", val.time[1]);
|
||||
});
|
||||
// console.log(this.ruleForm.list[0].startTime);
|
||||
let arr = [];
|
||||
for (var i = 0; i < this.ruleForm.list.length; i++) {
|
||||
console.log(this.ruleForm.list[i].startTime.split(":")[0]);
|
||||
console.log(this.ruleForm.list[i].startTime.split(":")[1]);
|
||||
console.log(this.ruleForm.list[i].endTime.split(":")[0]);
|
||||
console.log(this.ruleForm.list[i].endTime.split(":")[1]);
|
||||
|
||||
// let str = moment(new Date()).format("hh:mm");
|
||||
// console.log(typeof str);
|
||||
// console.log(this.ruleForm.list[i].startTime);
|
||||
|
||||
// console.log(typeof this.ruleForm.list[i].startTime);
|
||||
// var Stime = this.ruleForm.list[i].startTime;
|
||||
// var Etime = this.ruleForm.list[i].endTime;
|
||||
// console.log(Stime, Etime);
|
||||
// var date = new Date(Stime);
|
||||
// console.log(date);
|
||||
// moment(date).format("YYYY-MM-DD HH:mm:ss")
|
||||
|
||||
arr.push(
|
||||
{
|
||||
hour: Math.floor(this.ruleForm.list[i].span / 60),
|
||||
minute: this.ruleForm.list[i].span % 60,
|
||||
preset: 255,
|
||||
},
|
||||
{
|
||||
hour: this.ruleForm.list[i].startTime.split(":")[0],
|
||||
minute: this.ruleForm.list[i].startTime.split(":")[1],
|
||||
preset: 255,
|
||||
},
|
||||
{
|
||||
hour: this.ruleForm.list[i].endTime.split(":")[0],
|
||||
minute: this.ruleForm.list[i].endTime.split(":")[1],
|
||||
preset: 255,
|
||||
}
|
||||
);
|
||||
}
|
||||
this.ruleForm.list = arr;
|
||||
if (this.title == "新增") {
|
||||
addScheduleRulel(this.ruleForm)
|
||||
.then((res) => {
|
||||
this.isShow = false;
|
||||
this.$message({
|
||||
duration: 1500,
|
||||
showClose: true,
|
||||
message: "添加成功",
|
||||
type: "success",
|
||||
});
|
||||
this.$parent.deviceList();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.$message({
|
||||
duration: 1500,
|
||||
showClose: true,
|
||||
message: "添加失败",
|
||||
type: "error",
|
||||
});
|
||||
});
|
||||
} else {
|
||||
updateScheduleRulel(this.ruleForm)
|
||||
.then((res) => {
|
||||
this.isShow = false;
|
||||
this.$message.success("修改成功");
|
||||
this.$parent.deviceList();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.$message.error("修改失败");
|
||||
});
|
||||
}
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
display() {
|
||||
this.isShow = true;
|
||||
},
|
||||
hide() {
|
||||
this.isShow = false;
|
||||
},
|
||||
handleclose() {
|
||||
this.$parent.deviceList();
|
||||
},
|
||||
},
|
||||
mounted() {},
|
||||
};
|
||||
</script>
|
||||
<style lang="less">
|
||||
.adddeviceDialog {
|
||||
.el-form {
|
||||
.addtimeBox {
|
||||
max-height: 205px;
|
||||
overflow: auto;
|
||||
}
|
||||
.timeBoxArr {
|
||||
display: flex;
|
||||
.el-date-editor.el-input,
|
||||
.el-date-editor.el-input__inner {
|
||||
width: 226px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.btngrop {
|
||||
margin-bottom: 16px;
|
||||
margin-left: 16px;
|
||||
height: 32px;
|
||||
.el-button--small {
|
||||
padding: 9px 8px;
|
||||
width: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,216 +0,0 @@
|
||||
<template>
|
||||
<div class="parameterArea">
|
||||
<div class="timeBox"></div>
|
||||
<div class="monitorItemBox">
|
||||
<h3>检测项</h3>
|
||||
<div class="btnBox">
|
||||
<el-button
|
||||
type="primary"
|
||||
v-for="(item, index) in MonitorItem"
|
||||
:key="index"
|
||||
icon="el-icon-thumb"
|
||||
>{{ item.name }}</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="monitorPointBox">
|
||||
<h3>监拍点</h3>
|
||||
<div class="btnBox">
|
||||
<el-button
|
||||
type="primary"
|
||||
v-for="(item, index) in MonitorPoint"
|
||||
:key="index"
|
||||
icon="el-icon-thumb"
|
||||
>{{ item.name }}</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="actionItem">
|
||||
<h3>操作项</h3>
|
||||
<div class="btnBox">
|
||||
<el-button
|
||||
type="primary"
|
||||
v-for="(item, index) in actionItem"
|
||||
:key="index"
|
||||
icon="el-icon-thumb"
|
||||
>{{ item.name }}</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="configItem">
|
||||
<h3>配置项</h3>
|
||||
<div class="btnBox">
|
||||
<el-button
|
||||
type="primary"
|
||||
v-for="(item, index) in configItem"
|
||||
:key="index"
|
||||
icon="el-icon-thumb"
|
||||
>{{ item.name }}</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
//检测项
|
||||
MonitorItem: [
|
||||
{
|
||||
name: "图片视频",
|
||||
},
|
||||
{
|
||||
name: "测温",
|
||||
},
|
||||
{
|
||||
name: "微气象",
|
||||
},
|
||||
{
|
||||
name: "倾斜监测",
|
||||
},
|
||||
{
|
||||
name: "风偏监测",
|
||||
},
|
||||
{
|
||||
name: "覆冰检测",
|
||||
},
|
||||
{
|
||||
name: "实时视频",
|
||||
},
|
||||
{
|
||||
name: "弧垂",
|
||||
},
|
||||
{
|
||||
name: "电压检测",
|
||||
},
|
||||
],
|
||||
//监拍点
|
||||
MonitorPoint: [
|
||||
{
|
||||
name: "小号侧",
|
||||
},
|
||||
{
|
||||
name: "大号侧",
|
||||
},
|
||||
],
|
||||
//操作项
|
||||
actionItem: [
|
||||
{
|
||||
name: "主动拍照",
|
||||
},
|
||||
{
|
||||
name: "主动录像",
|
||||
},
|
||||
{
|
||||
name: "声光报警",
|
||||
},
|
||||
{
|
||||
name: "图片调阅",
|
||||
},
|
||||
{
|
||||
name: "微信推送",
|
||||
},
|
||||
{
|
||||
name: "历史图片",
|
||||
},
|
||||
{
|
||||
name: "线缆绘制",
|
||||
},
|
||||
{
|
||||
name: "清除绘制",
|
||||
},
|
||||
{
|
||||
name: "主动巡检",
|
||||
},
|
||||
{
|
||||
name: "指令集",
|
||||
},
|
||||
{
|
||||
name: "开启雨刮",
|
||||
},
|
||||
{
|
||||
name: "喊话",
|
||||
},
|
||||
{
|
||||
name: "上一设备",
|
||||
},
|
||||
{
|
||||
name: "下一设备",
|
||||
},
|
||||
{
|
||||
name: "返回",
|
||||
},
|
||||
{
|
||||
name: "历史对比",
|
||||
},
|
||||
{
|
||||
name: "图片标记",
|
||||
},
|
||||
{
|
||||
name: "主动巡航",
|
||||
},
|
||||
],
|
||||
//配置项
|
||||
configItem: [
|
||||
{
|
||||
name: "设置分组",
|
||||
},
|
||||
{
|
||||
name: "隐患类型",
|
||||
},
|
||||
{
|
||||
name: "地图查看",
|
||||
},
|
||||
{
|
||||
name: "监拍点信息",
|
||||
},
|
||||
{
|
||||
name: "告警级别",
|
||||
},
|
||||
{
|
||||
name: "设备信息",
|
||||
},
|
||||
{
|
||||
name: "设置漏告",
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less">
|
||||
// .parameterArea {
|
||||
// width: 300px;
|
||||
// padding: 16px 8px;
|
||||
// .monitorItemBox,
|
||||
// .monitorPointBox,
|
||||
// .actionItem,
|
||||
// .configItem {
|
||||
// border: 1px solid @border-color-base;
|
||||
// padding: 8px 16px 8px 16px;
|
||||
// margin-bottom: 32px;
|
||||
// h3 {
|
||||
// font-size: 16px;
|
||||
// margin-bottom: 8px;
|
||||
// background: transparent;
|
||||
// color: @color-text-regular;
|
||||
// }
|
||||
// .btnBox {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: space-between;
|
||||
// .el-button {
|
||||
// width: 84px;
|
||||
// padding: 6px 0px;
|
||||
// font-size: 12px;
|
||||
// margin-bottom: 8px;
|
||||
// }
|
||||
// .el-button + .el-button {
|
||||
// margin-left: 0px;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,191 +0,0 @@
|
||||
<template>
|
||||
<div class="picture" v-if="photoData">
|
||||
<div class="picTop">
|
||||
<h3>{{ photoData.text }}</h3>
|
||||
<div class="total">
|
||||
<span>监拍设备:14套 监拍点:14个 视频:0套 测温:0 套 微气象:0 套</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="picmain">
|
||||
<div class="photosPic">
|
||||
<div class="topTitle">
|
||||
<h4>{{ photoData.children[0].text }};大号侧</h4>
|
||||
<div class="iconList">
|
||||
<i class="el-icon-video-camera" title="主副机"></i>
|
||||
<i class="el-icon-video-camera" title="夜视"></i>
|
||||
<i class="el-icon-video-camera" title="云台"></i>
|
||||
<i class="el-icon-video-camera" title="T基+通道"></i>
|
||||
<i class="el-icon-video-camera" title="声光告警"></i>
|
||||
<i class="el-icon-video-camera" title="测温"></i>
|
||||
<i class="el-icon-video-camera" title="微气象"></i>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="picShow">
|
||||
<li
|
||||
v-for="(item, index) in lagrePic.slice(0, 4)"
|
||||
:key="index"
|
||||
@click="picShow(index)"
|
||||
>
|
||||
<img :src="'http://180.166.218.222:8104/media/' + item.filePath" />
|
||||
<span class="timeShow">{{ item.captureTime }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="photosPic">
|
||||
<div class="topTitle">
|
||||
<h4>{{ photoData.children[0].text }};小号测</h4>
|
||||
<div class="iconList">
|
||||
<i class="el-icon-video-camera" title="主副机"></i>
|
||||
<i class="el-icon-video-camera" title="夜视"></i>
|
||||
<i class="el-icon-video-camera" title="云台"></i>
|
||||
<i class="el-icon-video-camera" title="T基+通道"></i>
|
||||
<i class="el-icon-video-camera" title="声光告警"></i>
|
||||
<i class="el-icon-video-camera" title="测温"></i>
|
||||
<i class="el-icon-video-camera" title="微气象"></i>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="picShow">
|
||||
<li
|
||||
v-for="(item, index) in smallPic.slice(0, 4)"
|
||||
:key="index"
|
||||
@click="picShow(index)"
|
||||
>
|
||||
<img :src="'http://180.166.218.222:8104/media/' + item.filePath" />
|
||||
<span class="timeShow">{{ item.captureTime }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page">
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage4"
|
||||
:page-size="100"
|
||||
layout="prev, pager, next, jumper,total"
|
||||
:total="400"
|
||||
>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: ["photoData"],
|
||||
data() {
|
||||
return {
|
||||
dataPhoto: "",
|
||||
lagrePic: [],
|
||||
smallPic: [],
|
||||
currentPage4: 4,
|
||||
};
|
||||
},
|
||||
mounted: function () {
|
||||
this.getPhoto();
|
||||
},
|
||||
methods: {
|
||||
handleSizeChange(val) {
|
||||
console.log(`每页 ${val} 条`);
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
console.log(`当前页: ${val}`);
|
||||
},
|
||||
getPhoto() {
|
||||
console.log(photo);
|
||||
//this.dataPhoto = photo;
|
||||
photo.forEach((item) => {
|
||||
console.log(item);
|
||||
if (item.orientation === "1") {
|
||||
this.lagrePic.push(item);
|
||||
} else {
|
||||
this.smallPic.push(item);
|
||||
}
|
||||
});
|
||||
},
|
||||
picShow(index) {
|
||||
console.log(index);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.picture {
|
||||
flex: 1;
|
||||
padding: 16px;
|
||||
width: 100%;
|
||||
.picTop {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
color: @color-text-regular;
|
||||
}
|
||||
.total span {
|
||||
color: @color-text-secondary;
|
||||
font-size: 14px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
.picmain {
|
||||
border: 1px solid @border-color-base;
|
||||
.photosPic {
|
||||
padding-bottom: 12px;
|
||||
border-bottom: 1px solid @border-color-base;
|
||||
&:last-child {
|
||||
border-bottom: 0px solid @border-color-base;
|
||||
}
|
||||
.topTitle {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
h4 {
|
||||
padding: 0 10px;
|
||||
display: inline-block;
|
||||
line-height: 45px;
|
||||
color: @color-text-regular;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.iconList {
|
||||
i {
|
||||
color: @color-text-secondary;
|
||||
margin-right: 12px;
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.picShow {
|
||||
display: flex;
|
||||
padding-left: 6px;
|
||||
justify-content: space-between;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 24.5%;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.timeShow {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: @color-primary;
|
||||
display: inline-block;
|
||||
color: @color-white;
|
||||
font-size: 14px;
|
||||
padding: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.page {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue