Skip to content

D
DiscuzWeb
Commit 1a576f26 by zhujunjie
Options

样式修改及逻辑处理

parent 5bfca543
Showing with 524 additions and 197 deletions
assets/css/reset.scss
@charset "UTF-8";
html {
font-family: "微软雅黑", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
font-family: "微软雅黑", "Helvetica Neue", Helvetica, "PingFang SC",
"Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
font-size: 14px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
......@@ -12,10 +13,14 @@ html {
body {
height: 100%;
background: #F4F5F6;
background: #f4f5f6;
}
*, *:before, *:after {
#map .WACPageBorder {
border: none !important;
}
*,
*:before,
*:after {
box-sizing: inherit;
margin: 0;
}
......@@ -50,7 +55,10 @@ textarea {
outline: 0;
}
button, input[type=button], input[type=reset], input[type=submit] {
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
border: none;
......@@ -85,24 +93,28 @@ table {
-webkit-border-radius: 100px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-family: inherit;
color: #C0C4CC;
color: #c0c4cc;
}
::-moz-placeholder { /* Firefox 19+ */
::-moz-placeholder {
/* Firefox 19+ */
font-family: inherit;
color: #C0C4CC;
color: #c0c4cc;
}
:-ms-input-placeholder { /* IE 10+ */
:-ms-input-placeholder {
/* IE 10+ */
font-family: inherit;
color: #C0C4CC;
color: #c0c4cc;
}
:-moz-placeholder { /* Firefox 18- */
:-moz-placeholder {
/* Firefox 18- */
font-family: inherit;
color: #C0C4CC;
color: #c0c4cc;
}
.clearfix::after {
......@@ -115,7 +127,8 @@ table {
display: flex;
}
.hidden-text, .text-hidden {
.hidden-text,
.text-hidden {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
......@@ -142,7 +155,8 @@ table {
float: right;
}
.hidden-text, .text-hidden {
.hidden-text,
.text-hidden {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
......@@ -151,61 +165,65 @@ table {
.hover {
cursor: pointer;
}
.no-more{
.no-more {
text-align: center;
padding:20px 0;
color: #8590A6;
padding: 20px 0;
color: #8590a6;
font-size: 14px;
.empty-icon{
.empty-icon {
margin-right: 10px;
font-size: 16px;
}
}
.load-more{
color: #1878F3;
border:1px solid #E5F2FF;
.load-more {
color: #1878f3;
border: 1px solid #e5f2ff;
font-size: 16px;
text-align: center;
padding:12px 0;
padding: 12px 0;
line-height: 1;
cursor: pointer;
margin: 20px;
border-radius:2px;
&:hover{
background: #E5F2FF;
border:1px solid #1878F3;
border-radius: 2px;
&:hover {
background: #e5f2ff;
border: 1px solid #1878f3;
}
}
.btn-primary-plain{
color: #1878F3;
border:1px solid #1878F3;
.btn-primary-plain {
color: #1878f3;
border: 1px solid #1878f3;
transition: all 0.1s ease-in-out;
&:hover{
background: #E5F2FF;
border:1px solid #D4E6FC;
&:hover {
background: #e5f2ff;
border: 1px solid #d4e6fc;
}
}
.btn-primary{
background: #1878F3;
.btn-primary {
background: #1878f3;
color: #fff;
transition: all 0.1s ease-in-out;
&:hover{
background: #006CD1;
&:hover {
background: #006cd1;
}
}
//el-select 选中颜色
.el-select-dropdown__item{
&.selected, &.hover, &:hover{
color: #1878F3 !important;
.el-select-dropdown__item {
&.selected,
&.hover,
&:hover {
color: #1878f3 !important;
background-color: transparent !important;
}
}
// el-table 线条颜色
.el-table--border::after, .el-table--group::after, .el-table::before{
.el-table--border::after,
.el-table--group::after,
.el-table::before {
background-color: #f5f5f5 !important;
}
.el-table td{
.el-table td {
border-bottom: 1px solid #f5f5f5 !important;
}
/*# sourceMappingURL=main.css.map */
......@@ -215,15 +233,15 @@ table {
/* el-button 颜色 */
.el-button.el-button--primary {
border: none !important;
background: #1878F3 !important;
background: #1878f3 !important;
border-radius: 2px !important;
&:hover {
border: none !important;
background: #006CD1 !important;
background: #006cd1 !important;
}
}
// element提示
.el-message{
.el-message {
min-width: 100px !important;
}
// el-images 去圆角
......@@ -247,44 +265,179 @@ $em: 16px;
line-height: 1.5 * $em;
//user-select: none;
word-break: break-word;
h1 { margin: 0.83 * $em 0; font-size: 2 * $em; line-height: 2.6 * $em; }
h2 { margin: 0.83 * $em 0; font-size: 1.5 * $em; }
h3 { margin: 1 * $em 0; font-size: 1.17 * $em; }
h4 { margin: 1.33 * $em 0; }
h5 { margin: 1.67 * $em 0; font-size: 0.83 * $em; }
h6 { margin: 1.67 * $em 0; font-size: 0.83 * $em; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder; }
div { margin: 0; padding: 0; display: block; word-break: break-word; }
p { line-height: 24px; font-size: $em; clear: both; margin-bottom: $em; &:last-child { margin-bottom: 0 } }
cite, em, var, address { font-style: italic; }
.spaceshow { white-space: pre; }
pre, tt, code, kbd, samp { font-family: monospace; }
pre { margin: 1 * $em 0; overflow: auto; font-size: 24px; white-space: pre; background: #f5f5f5; max-width: 650px;}
code { display: inline-block; font-size: $em; white-space: pre; background: #f5f5f5; }
h1 {
margin: 0.83 * $em 0;
font-size: 2 * $em;
line-height: 2.6 * $em;
}
h2 {
margin: 0.83 * $em 0;
font-size: 1.5 * $em;
}
h3 {
margin: 1 * $em 0;
font-size: 1.17 * $em;
}
h4 {
margin: 1.33 * $em 0;
}
h5 {
margin: 1.67 * $em 0;
font-size: 0.83 * $em;
}
h6 {
margin: 1.67 * $em 0;
font-size: 0.83 * $em;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
font-weight: bolder;
}
div {
margin: 0;
padding: 0;
display: block;
word-break: break-word;
}
p {
line-height: 24px;
font-size: $em;
clear: both;
margin-bottom: $em;
&:last-child {
margin-bottom: 0;
}
}
cite,
em,
var,
address {
font-style: italic;
}
.spaceshow {
white-space: pre;
}
pre,
tt,
code,
kbd,
samp {
font-family: monospace;
}
pre {
margin: 1 * $em 0;
overflow: auto;
font-size: 24px;
white-space: pre;
background: #f5f5f5;
max-width: 650px;
}
code {
display: inline-block;
font-size: $em;
white-space: pre;
background: #f5f5f5;
}
pre code {
display: block; padding: 9px; margin: 10px 0; overflow: auto; font-size: $em; white-space: pre; background: #f5f5f5; max-width: 650px;
}
.big { font-size: 1.17 * $em; }
.small, .sub, .sup { font-size: 0.83 * $em; }
.sub { vertical-align: sub; }
.sup { vertical-align: super; }
.s, .strike, .del { text-decoration: line-through; }
.strong, .text, .span, .s { display: inline; }
.video { margin: 22px 0; text-align: center; }
.video-video { width: 100%; }
.uni-image { max-width: 100%; }
img { max-width: 100% !important; overflow: hidden !important; }
.qq-emotion {height: 22px; margin: 0}
video {max-width: 100% !important; overflow: hidden !important; }
blockquote { padding: 22px 0 22px 22px; margin: 10px 0; color: #6a737d; border-left: 6px solid #dbdbdb; }
blockquote p { margin: 0; }
ul { display: block; padding-left: 2 * $em; margin: 1em 0; list-style: disc; }
ol { display: block; padding-left: 2 * $em; margin: 1em 0; list-style: revert; }
ul > li { display: list-item; align-items: baseline; text-align: match-parent; }
ol ul { list-style-type: circle; }
li[data-task-state="checked"]
{ margin-left: -20px; list-style-type: none; text-decoration: line-through rgba(0, 0, 0, .6); }
li[data-task-state="checked"] input {position: relative}
display: block;
padding: 9px;
margin: 10px 0;
overflow: auto;
font-size: $em;
white-space: pre;
background: #f5f5f5;
max-width: 650px;
}
.big {
font-size: 1.17 * $em;
}
.small,
.sub,
.sup {
font-size: 0.83 * $em;
}
.sub {
vertical-align: sub;
}
.sup {
vertical-align: super;
}
.s,
.strike,
.del {
text-decoration: line-through;
}
.strong,
.text,
.span,
.s {
display: inline;
}
.video {
margin: 22px 0;
text-align: center;
}
.video-video {
width: 100%;
}
.uni-image {
max-width: 100%;
}
img {
max-width: 100% !important;
overflow: hidden !important;
}
.qq-emotion {
height: 22px;
margin: 0;
}
video {
max-width: 100% !important;
overflow: hidden !important;
}
blockquote {
padding: 22px 0 22px 22px;
margin: 10px 0;
color: #6a737d;
border-left: 6px solid #dbdbdb;
}
blockquote p {
margin: 0;
}
ul {
display: block;
padding-left: 2 * $em;
margin: 1em 0;
list-style: disc;
}
ol {
display: block;
padding-left: 2 * $em;
margin: 1em 0;
list-style: revert;
}
ul > li {
display: list-item;
align-items: baseline;
text-align: match-parent;
}
ol ul {
list-style-type: circle;
}
li[data-task-state="checked"] {
margin-left: -20px;
list-style-type: none;
text-decoration: line-through rgba(0, 0, 0, 0.6);
}
li[data-task-state="checked"] input {
position: relative;
}
li[data-task-state="checked"] input::before {
font: normal normal normal 14px/1;
content: "✓";
......@@ -292,28 +445,82 @@ $em: 16px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-53%) scale(.73);
color: #006CD1;
}
li[data-task-state="unchecked"]
{ margin-left: -20px; list-style-type: none; }
u { text-decoration: underline; }
.hide { display: none; }
del { display: inline; }
.figure { overflow: hidden; }
.tablebox { padding: 8px; overflow: auto; font-size: 13px; background: #f5f5f5; background-color: #f5f5f5; }
table table, table { overflow: auto; white-space: pre; border-collapse: collapse; box-sizing: border-box;}
table thead, table tfoot, table th { font-weight: bold; background: #ececec; border-collapse: collapse; box-sizing: border-box; }
table tr { overflow: auto; border-collapse: collapse; box-sizing: border-box; }
table th, table td { overflow: auto; border: 2px solid #dadada; border-collapse: collapse; box-sizing: border-box; }
tbody { border: 1px solid #dadada; border-collapse: collapse; box-sizing: border-box; }
a { color: #1878F3; &:hover { border-bottom: 1px solid #1878F3; } }
.audio, .uni-audio-default { display: block; }
.inline { display: inline; padding: 0; margin: 0; }
}
@media screen and ( max-width: 1005px ) {
transform: translate(-50%, -53%) scale(0.73);
color: #006cd1;
}
li[data-task-state="unchecked"] {
margin-left: -20px;
list-style-type: none;
}
u {
text-decoration: underline;
}
.hide {
display: none;
}
del {
display: inline;
}
.figure {
overflow: hidden;
}
.tablebox {
padding: 8px;
overflow: auto;
font-size: 13px;
background: #f5f5f5;
background-color: #f5f5f5;
}
table table,
table {
overflow: auto;
white-space: pre;
border-collapse: collapse;
box-sizing: border-box;
}
table thead,
table tfoot,
table th {
font-weight: bold;
background: #ececec;
border-collapse: collapse;
box-sizing: border-box;
}
table tr {
overflow: auto;
border-collapse: collapse;
box-sizing: border-box;
}
table th,
table td {
overflow: auto;
border: 2px solid #dadada;
border-collapse: collapse;
box-sizing: border-box;
}
tbody {
border: 1px solid #dadada;
border-collapse: collapse;
box-sizing: border-box;
}
a {
color: #1878f3;
&:hover {
border-bottom: 1px solid #1878f3;
}
}
.audio,
.uni-audio-default {
display: block;
}
.inline {
display: inline;
padding: 0;
margin: 0;
}
}
@media screen and (max-width: 1005px) {
$em: 14px;
.content-html {
p {
......
pages/knowledge/index.vue
<template>
<div class="knowledge" v-loading="loading">
<div class="knowledge-list" >
<div v-loading="loading" class="knowledge">
<div class="knowledge-list">
<div
v-for="(item, index) in knowledgeList"
:key="index"
class="knowledge-list-detail"
>
<div class="knowledge-list-detail-img">
<!-- <img src="@/assets/BLT.png" alt="" />
<img v-else="item.file == false" src="@/assets/essence.png" alt="" /> -->
<i v-if="item.filetype == 1" class="el-icon-folder-opened" />
<i v-if="item.filetype != 1" class="el-icon-document" />
<img src="@/assets/file.png" alt="" />
<!-- <i v-if="item.filetype == 1" class="el-icon-folder-opened" />
<i v-if="item.filetype != 1" class="el-icon-document" /> -->
</div>
<div class="knowledge-list-detail-content">
<div
......@@ -21,7 +20,9 @@
</div>
<div class="knowledge-list-detail-content-text">
<div>创建人:{{ item.name }}</div>
<div>{{ item.time }}</div>
<div class="knowledge-list-detail-content-text-time">
{{ item.time }}
</div>
</div>
</div>
</div>
......@@ -37,14 +38,14 @@ export default {
userId: this.$store.getters["session/get"]("userId"), // 获取当前登陆用户的ID
userInfo: "",
qywxUserid: "",
loading:false,
knowledgeList: [],
loading: false,
knowledgeList: []
};
},
computed: {},
mounted() {
const params = {
include: "groups,wechat",
include: "groups,wechat"
};
if (!this.userId) {
this.$message.warning(`请先登录`);
......@@ -52,25 +53,24 @@ export default {
}
this.$store
.dispatch("jv/get", [`users/${this.userId}`, { params }])
.then((res) => {
.then(res => {
this.userInfo = JSON.parse(res.wechat_info);
this.qywxUserid = this.userInfo.userid;
if (!this.qywxUserid) {
this.$message.warning(`请先登录`);
return false;
}
this.loading=true;
this.loading = true;
// 调用后台获取文件列表
axios
.get(
config.WEI_PAN_URL +
`/weipan/getfirstfilelist?userId=${this.qywxUserid}`
`${config.WEI_PAN_URL}/weipan/getfirstfilelist?userId=${this.qywxUserid}`
)
.then((res) => {
.then(res => {
if (res.data.result.file_list != null) {
const filelist = res.data.result.file_list.item;
this.knowledgeList = [];
filelist.forEach((element) => {
filelist.forEach(element => {
if (element.file_status == "1") {
const knowledge = {
title: element.file_name,
......@@ -78,15 +78,15 @@ export default {
time: element.ctime,
fileid: element.fileid,
fatherid: element.fatherid,
filetype: element.file_type,
filetype: element.file_type
};
this.knowledgeList.push(knowledge);
}
this.loading=false;
this.loading = false;
});
} else {
this.$message.warning(`当前微盘无文件`);
this.loading=false;
this.loading = false;
}
});
});
......@@ -98,63 +98,77 @@ export default {
query: {
id: fileid,
fatherid: fatherid,
useid: this.qywxUserid,
},
useid: this.qywxUserid
}
});
},
},
}
}
};
</script>
<style lang="scss" scoped>
.knowledge {
width: 1009px;
&-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
&-detail {
float: left;
width: 263px;
width: 298px;
height: 119px;
// height: 105px;
display: flex;
background: #fff;
margin-bottom: 15px;
padding: 32px 20px;
margin-left: 10px;
margin-left: 16px;
padding: 33px 39px 41px 21px;
&-img {
width: 30px;
height: 30px;
i {
width: 30px;
height: 30px;
font-size: 30px;
}
.el-icon-folder-opened {
color: #00a1ff;
}
.el-icon-document {
color: #ffbc00;
width: 27px;
height: 33px;
img {
width: 27px;
height: 33px;
margin: 5px;
}
// i {
// width: 30px;
// height: 30px;
// font-size: 30px;
// }
// .el-icon-folder-opened {
// color: #00a1ff;
// }
// .el-icon-document {
// color: #ffbc00;
// }
}
&-content {
margin-left: 10px;
float: left;
margin-left: 14px;
&-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 200px;
line-height: 20px;
font-size: 14px;
margin-bottom: 5px;
color: #666;
&:hover {
cursor: pointer;
}
}
&-text {
width: 200px;
// display: flex;
// justify-content: space-between;
display: flex;
justify-content: space-between;
color: #999999;
line-height: 17px;
font-size: 12px;
div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&-time {
margin-left: 20px;
}
}
}
}
......
pages/knowledge/knowledgeDetail.vue
......@@ -11,17 +11,16 @@
:props="defaultProps"
@node-click="handleNodeClick"
>
<span slot-scope="{ node, data }">
<i :class="data.icon" />
<span class="detail-content-left-text-custom">{{
data.label
}}</span>
</span>
<div slot-scope="{ node, data }" style="display:flex">
<div class="detail-content-left-text-custom">
{{ data.label }}
</div>
</div>
</el-tree>
</div>
</div>
<div class="detail-content-right" v-loading="showViewloading">
<div v-loading="showViewloading" class="detail-content-right">
<div v-if="isShowView">
<el-button size="small" style="ma" @click="openNewForm">
全屏查看
......@@ -31,7 +30,12 @@
id="map"
:src="fileSrc"
scrolling="no"
marginwidth="0"
marginheight="0"
frameborder="0"
mainview.height="0"
mainview.wdith="0"
style="border:none"
class="detail-content-right-text"
/>
</div>
......@@ -39,18 +43,32 @@
<img :src="fileSrc" class="detail-content-right-img" />
</div>
</div>
<el-input
<!-- <el-input
v-model="title"
placeholder="请输入标题"
style="width: 300px;margin-top:10px;"
/>
<Vditor
/> -->
<!-- <Vditor
v-if="isPost"
:inputTitle="title"
:publishType="publishType"
:fileMd5="fileMd5"
:inputContent="inputContent"
:input-title="title"
:publish-type="publishType"
:file-md5="fileMd5"
:input-content="inputContent"
/> -->
<div class="list-top-item">
<nuxt-link :to="`/thread/`" target="_blank" class="top-title">
<template>
百伦论坛知识库
</template>
<div />
</nuxt-link>
</div>
<topic-actions
:thread-id="threadId"
:actions="actions || []"
@clickAction="postCommand"
/>
<comment :thread-id="threadId" />
</div>
</div>
</div>
......@@ -58,12 +76,43 @@
<script>
import axios from "@/plugins/axios.js";
import handleError from "@/mixin/handleError";
import config from '@/config.js';
import config from "@/config.js";
export default {
data() {
return {
threadId: "1",
actions: [
{
text: this.$t("topic.read"),
count: 0,
command: "",
canOpera: false,
icon: "book"
},
{
text: this.$t("topic.getLike"),
count: 0,
command: "isLiked",
canOpera: false,
isStatus: false,
icon: "like"
},
{
text: this.$t("topic.collection"),
command: "isFavorite",
canOpera: false,
isStatus: false,
icon: "favor"
},
{
text: this.$t("topic.share"),
command: "showLink",
canOpera: true,
icon: "link"
}
],
loading: false,
showViewloading:false,
showViewloading: false,
isShowView: false,
isfile: true,
fileSrc: "",
......@@ -76,9 +125,9 @@ export default {
data: [],
defaultProps: {
children: "children",
label: "label",
label: "label"
},
list: [],
list: []
};
},
computed: {},
......@@ -95,43 +144,66 @@ export default {
const qywxUserid = this.$route.query.useid;
this.qywxUserid = this.$route.query.useid;
const fatherid = this.$route.query.fatherid;
// 获取树状数据
axios
.get(
config.WEI_PAN_URL+`/weipan/getfilelisttree?userId=${qywxUserid}&fildId=${fildId}&fatherid=${fatherid}`
`${config.WEI_PAN_URL}/weipan/getfilelisttree?userId=${qywxUserid}&fildId=${fildId}&fatherid=${fatherid}`
)
.then((res) => {
this.data = res.data.result;
.then(res => {
// this.data = res.data.result;
this.data = this.deleteChildren(res.data.result);
console.log(this.data, "this.data");
this.loading = false;
if (this.data.length == 1) {
if (this.data[0].file) {
//触发点击事件
// 触发点击事件
this.handleNodeClick(this.data[0]);
}
}
console.log(this.data, 222);
});
// 监听滚动事件
// window.addEventListener("scroll", this.onScroll, false);
// window.onload = function() {
// const _iframe = document
// .getElementById("map")
// .contentWindow.document.queryselector("WACPageBorder"); // get iframe下的id
// _iframe.style.display = "none"; // 修改样式
// };
},
methods: {
deleteChildren(arr) {
const childs = arr;
for (let i = childs.length; i--; i > 0) {
if (childs[i].children) {
if (childs[i].children.length) {
this.deleteChildren(childs[i].children);
} else {
delete childs[i].children;
}
}
}
return arr;
},
postCommand(item) {},
openNewForm() {
window.open(this.fileSrc, "_blank");
},
handleNodeClick(data) {
if (data.file) {
this.showViewloading=true;
this.showViewloading = true;
axios
.get(
config.WEI_PAN_URL+`/weipan/getviewfile?userId=${this.qywxUserid}&fileId=${data.id}&md5=${data.md5}&fileName=${data.label}`
`${config.WEI_PAN_URL}/weipan/getviewfile?userId=${this.qywxUserid}&fileId=${data.id}&md5=${data.md5}&fileName=${data.label}`
)
.then((res) => {
this.showViewloading=false;
if (!!res.data) {
let filePath = res.data.result;
if (!!filePath) {
.then(res => {
// const ele = document.querySelector(".WACPageBorder");
// ele.style.border = "none";
// console.log(ele, "ele");
this.showViewloading = false;
if (res.data) {
const filePath = res.data.result;
if (filePath) {
this.isShowView = true;
if (/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(filePath)) {
this.isfile = false;
......@@ -143,7 +215,7 @@ export default {
)
) {
this.isfile = true;
this.fileSrc = "http://ow365.cn/?i=23468&furl=" + filePath;
this.fileSrc = `http://ow365.cn/?i=23468&furl=${filePath}`;
}
}
}
......@@ -153,11 +225,11 @@ export default {
},
changTree(index) {
console.log(index);
},
}
},
textChange() {
alert(332);
},
}
// },
// destroy() {
......@@ -167,18 +239,18 @@ export default {
};
</script>
<style>
.detail-content-left-text .el-tree-node__expand-icon {
color: #c0c4cc;
}
/* .detail-content-left-text
.el-tree-node__content
.detail-content-left-text-custom {
width: 200px;
overflow: hidden;
} */
.detail-content-left-text .el-tree-node:focus > .el-tree-node__content {
color: #2e8cf0;
}
</style>
<style lang="scss" scoped>
@import "@/assets/css/variable/color.scss";
.iframe-box {
position: relative;
width: 100%;
......@@ -199,17 +271,22 @@ export default {
justify-content: space-between;
&-left {
background: #fff;
position: relative;
width: 220px;
padding: 10px 0 0 20px;
overflow: hidden;
padding: 10px 0 0 25px;
&-text {
width: 200px;
position: fixed;
font-size: 12px;
line-height: 17px;
background: #fff;
overflow: hidden;
i {
line-height: 17px;
}
&-custom {
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
......@@ -223,14 +300,43 @@ export default {
width: 100%;
height: 700px;
}
&-img{
width:auto;
height:100%;
iframe {
}
&-img {
width: auto;
height: 100%;
}
.list-top-item {
margin: 30px 0 0 150px;
.top-title {
color: #000;
width: 122px;
height: 25px;
overflow: hidden;
// text-overflow:ellipsis;
// white-space: nowrap;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
border-radius: 30px;
text-align: center;
background: #f7f7f7;
border: 1px solid #f7f7f7;
color: #777;
font-size: 12px;
line-height: 25px;
text-align: center;
}
&:hover {
.top-title {
color: #1878f3;
background: #fff;
border: 1px solid #1878f3;
}
}
}
}
}
}
.vditor-tooltipped__ne{
display: none;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment