|
|
@@ -43,120 +43,72 @@
|
|
|
<el-col :span="24" class="livemain">
|
|
|
<el-col :span="24" class="livevideo">
|
|
|
<el-col :span="12" class="left">
|
|
|
- <!-- @click.native="$router.push({ path: '/live/hallDetail', query: { id: this.$route.query.id } })" -->
|
|
|
- <el-col :span="24" class="title">
|
|
|
+ <el-col :span="24" class="lefttop">
|
|
|
<span style="color: rgb(255, 132, 0);">现场</span>
|
|
|
<span>直播</span>
|
|
|
- <el-button @click="bofang" type="primary" size="mini">播放</el-button>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="video">
|
|
|
- <el-col :span="24" v-if="videodisplay == 'list'" class="videointro" :style="{ height: `${this.user.role == 3 ? '350px' : '395px'}` }">
|
|
|
- {{ dockInfo.videointro }}
|
|
|
+ <el-col :span="24" class="leftvideo">
|
|
|
+ <p class="title textOver">{{ dockInfo.videointro }}</p>
|
|
|
+ <el-col :span="24" class="video">
|
|
|
+ <video :src="dockInfo.file_path" autoplay="" controls="controls">
|
|
|
+ 您的浏览器不支持 video 标签。
|
|
|
+ </video>
|
|
|
</el-col>
|
|
|
- <video
|
|
|
- :src="dockInfo.file_path"
|
|
|
- autoplay=""
|
|
|
- controls="controls"
|
|
|
- :style="{ height: `${this.user.role == 3 ? '350px' : '395px'}`, width: '100%' }"
|
|
|
- v-else
|
|
|
- >
|
|
|
- 您的浏览器不支持 video 标签。
|
|
|
- </video>
|
|
|
- <div class="box" :style="{ height: `${this.user.role == 3 ? '350px' : '395px'}`, width: '100%' }">
|
|
|
- <div class="con1">
|
|
|
- <el-col class="lunboList" :span="24" v-for="(item, index) in lunboList" :key="index">
|
|
|
- <div>
|
|
|
- <p>[{{ item.date }}]</p>
|
|
|
- <p>
|
|
|
- <span>{{ item.type == '0' ? '欢迎' : item.type == '1' ? '祝贺' : '' }}</span>
|
|
|
- <span v-if="item.type == '0' || item.type == '2'">{{ item.login_name }}</span>
|
|
|
- <span v-if="item.type == '1'">{{ item.market_username }}</span>
|
|
|
- <span v-if="item.type == '1'">和</span>
|
|
|
- <span v-if="item.type == '1'">{{ item.username }}</span>
|
|
|
- <span v-if="item.type == '1'">{{
|
|
|
- item.status == '0'
|
|
|
- ? '正在洽谈'
|
|
|
- : item.status == '1'
|
|
|
- ? '达成意向'
|
|
|
- : item.status == '2'
|
|
|
- ? '交易完成'
|
|
|
- : item.status == '3'
|
|
|
- ? '取消交易'
|
|
|
- : item.status == '4'
|
|
|
- ? '交易待确定'
|
|
|
- : '暂无'
|
|
|
- }}</span>
|
|
|
- <span v-if="item.type == '0'">位临现场</span>
|
|
|
- <span v-if="item.type == '2'">{{ item.remark }}</span>
|
|
|
- <span v-if="item.type == '0' || item.type == '1'">
|
|
|
- <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
- <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
- <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
- <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
- <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
- <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <el-row type="flex" :gutter="10" style="padding-top:10px;height:30px;line-height:30px">
|
|
|
- <el-col :span="20" style="padding-left:15px;padding-right:0">
|
|
|
- <el-input v-model="text" size="mini"></el-input>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" style="text-align:center;padding-left:0;padding-right:0">
|
|
|
- <el-button @click="send" size="mini" round style="background: #ff8500;color: #fff;">发送</el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <!-- <videoPlayer ref="videoPlayer" :options="videoOptions" class="vjs-custom-skin videoPlayer" :playsinline="true" /> -->
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="right">
|
|
|
- <el-col :span="24">
|
|
|
- <!-- <span>交易实况</span> -->
|
|
|
- <el-tabs v-model="activeName" @tab-click="handleClicks">
|
|
|
- <el-tab-pane label="交易实况" name="first">
|
|
|
- <el-col :span="24">
|
|
|
- <ul>
|
|
|
- <li v-for="(item, index) in directlist" :key="index">
|
|
|
- <span> {{ item.time }}</span>
|
|
|
- <span>{{ item.market_username }}</span> <span>与</span><span>{{ item.username }}</span
|
|
|
- ><span>{{ item.status === '1' ? '达成意向' : item.status === '2' ? '合作成功' : 'underdind' }}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </el-col>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="达成意向" name="second">
|
|
|
- <el-col :span="24" class="yixiang">
|
|
|
- <ul>
|
|
|
- <li v-for="(item, index) in yixianglist" :key="index">
|
|
|
- <span> {{ item.time }}</span>
|
|
|
- <span>{{ item.market_username }}</span> <span>与</span><span>{{ item.username }}</span
|
|
|
- ><span>{{ item.status === '1' ? '达成意向' : item.status === '2' ? '合作成功' : 'underdind' }}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <el-tabs v-model="videoList" type="card">
|
|
|
+ <el-tab-pane label="直播实况" name="first">
|
|
|
+ <el-col :span="24" class="rightFirst">
|
|
|
+ <el-col :span="24" class="list" :style="{ height: `${this.user.role == 3 ? '390px' : '415px'}` }" id="chat">
|
|
|
+ <el-col :span="24" class="lunboList" v-for="(item, index) in lunboList" :key="index">
|
|
|
+ <div>
|
|
|
+ <p>[{{ item.date }}]</p>
|
|
|
+ <p>
|
|
|
+ <span>{{ item.type == '0' ? '欢迎' : item.type == '1' ? '祝贺' : '' }}</span>
|
|
|
+ <span v-if="item.type == '0' || item.type == '2'">{{ item.login_name }}</span>
|
|
|
+ <span v-if="item.type == '1'">{{ item.market_username }}</span>
|
|
|
+ <span v-if="item.type == '1'">和</span>
|
|
|
+ <span v-if="item.type == '1'">{{ item.username }}</span>
|
|
|
+ <span v-if="item.type == '1'">{{
|
|
|
+ item.status == '0'
|
|
|
+ ? '正在洽谈'
|
|
|
+ : item.status == '1'
|
|
|
+ ? '达成意向'
|
|
|
+ : item.status == '2'
|
|
|
+ ? '交易完成'
|
|
|
+ : item.status == '3'
|
|
|
+ ? '取消交易'
|
|
|
+ : item.status == '4'
|
|
|
+ ? '交易待确定'
|
|
|
+ : '暂无'
|
|
|
+ }}</span>
|
|
|
+ <span v-if="item.type == '0'">位临现场</span>
|
|
|
+ <span v-if="item.type == '2'">{{ item.remark }}</span>
|
|
|
+ <span v-if="item.type == '0' || item.type == '1'">
|
|
|
+ <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
+ <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
+ <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
+ <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
+ <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
+ <el-image :src="hand" style="width: 15px;top: 12px;left: 5px;margin:0 0 0 5px;"></el-image>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="合作成功" name="third">
|
|
|
- <el-col :span="24" class="yixiang">
|
|
|
- <ul>
|
|
|
- <li v-for="(item, index) in successlist" :key="index">
|
|
|
- <span> {{ item.time }}</span>
|
|
|
- <span>{{ item.market_username }}</span> <span>与</span><span>{{ item.username }}</span
|
|
|
- ><span>{{ item.status === '1' ? '达成意向' : item.status === '2' ? '合作成功' : 'underdind' }}</span>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <el-col :span="24" class="send" v-if="user.role == '3'">
|
|
|
+ <el-col :span="21">
|
|
|
+ <el-input v-model="text" size="mini" placeholder="请输入内容"></el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" style="text-align:center;">
|
|
|
+ <el-button @click="send" size="mini" style="background: #ff8500;color: #fff;width: 100%;padding: 8px 0;">发送</el-button>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
- </el-tab-pane>
|
|
|
- <!-- <el-tab-pane label="推流测试" name="four"> </el-tab-pane>
|
|
|
- <el-tab-pane label="拉流测试" name="five"> </el-tab-pane>
|
|
|
- <el-tab-pane label="推流测试2" name="six"> </el-tab-pane> -->
|
|
|
- </el-tabs>
|
|
|
- </el-col>
|
|
|
- <!-- -->
|
|
|
+ </el-col>
|
|
|
+ </el-tab-pane>
|
|
|
+ <!-- <el-tab-pane label="测试" name="second">测试</el-tab-pane> -->
|
|
|
+ </el-tabs>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="newimage">
|
|
|
@@ -196,38 +148,6 @@
|
|
|
>对接</el-button
|
|
|
>
|
|
|
</el-col>
|
|
|
- <!-- <el-col :span="20" class="name">
|
|
|
- <p>{{ item.name }}</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="4" class="click">
|
|
|
- <el-button size="mini" type="primary" @click="oneBtnDetail(item)">详情</el-button>
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- type="success"
|
|
|
- @click="
|
|
|
- $router.push({
|
|
|
- path: '/live/hall/dock/dockDetail',
|
|
|
- query: { id: item._id, dockid: dock_id, user_id: user_id, type: item.type },
|
|
|
- })
|
|
|
- "
|
|
|
- >对接</el-button
|
|
|
- >
|
|
|
- </el-col>
|
|
|
- <el-col :span="16" class="otherInfo">
|
|
|
- <el-col :span="12">
|
|
|
- <p class="field">
|
|
|
- <span>所属领域:</span><span>{{ item.field }}</span>
|
|
|
- </p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <p class="coopermode">
|
|
|
- <span>合作方式:</span><span>{{ item.cooperation }}</span>
|
|
|
- </p>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" class="introduction">
|
|
|
- <p><span>成果简介:</span>{{ item.achievebrief }}</p>
|
|
|
- </el-col> -->
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="btn">
|
|
|
@@ -496,7 +416,7 @@ export default {
|
|
|
// videoPlayer,
|
|
|
},
|
|
|
data: () => ({
|
|
|
- hand: require('@/assets/emotion/flower.gif'),
|
|
|
+ hand: require('@/assets/emotion/flower.png'),
|
|
|
achievezb: require('@/assets/3.png'),
|
|
|
videodisplay: 'list',
|
|
|
activeName: 'second',
|
|
|
@@ -587,6 +507,8 @@ export default {
|
|
|
lunboList: [],
|
|
|
//现场直播对话框
|
|
|
text: '',
|
|
|
+ // 视频右侧聊天列表
|
|
|
+ videoList: 'first',
|
|
|
}),
|
|
|
async created() {
|
|
|
this.$set(this, `dock_id`, this.$route.query.id);
|
|
|
@@ -669,7 +591,7 @@ export default {
|
|
|
var date = moment(val.meta.createdAt).format('YYYY-MM-DD hh:mm');
|
|
|
val.date = date;
|
|
|
}
|
|
|
- this.$set(this, `lunboList`, jioayi.data);
|
|
|
+ this.$set(this, `lunboList`, jioayi.data.reverse());
|
|
|
// 展会动态结束
|
|
|
let zxzd = await this.danceQuery({ dock_id: this.dock_id });
|
|
|
this.$set(this, `zxzdlist`, zxzd.data);
|
|
|
@@ -790,12 +712,17 @@ export default {
|
|
|
let body = _.get(message, 'body');
|
|
|
if (body) {
|
|
|
body = JSON.parse(body);
|
|
|
+ console.log(body);
|
|
|
+ body.date = moment(body.meta.createdAt).format('YYYY-MM-DD hh:mm');
|
|
|
this.lunboList.push(body);
|
|
|
this.text = '';
|
|
|
+ this.turnBottom();
|
|
|
}
|
|
|
- // const { content, contenttype, sendid, sendname, icon, groupid, sendtime, type } = message.headers;
|
|
|
- // let object = { content, contenttype, sendid, sendname, icon, groupid, sendtime, type };
|
|
|
- // this.list.push(object);
|
|
|
+ },
|
|
|
+ turnBottom() {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ document.getElementById('chat').scrollTop = document.getElementById('chat').scrollHeight;
|
|
|
+ });
|
|
|
},
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -916,76 +843,105 @@ export default {
|
|
|
top: -55px;
|
|
|
z-index: 999;
|
|
|
}
|
|
|
+// 直播详情
|
|
|
.livemain .livevideo {
|
|
|
height: 470px;
|
|
|
overflow: hidden;
|
|
|
-}
|
|
|
-.livemain .livevideo .left {
|
|
|
- float: left;
|
|
|
- height: 460px;
|
|
|
- overflow: hidden;
|
|
|
- border: 5px solid #000;
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-.livemain .livevideo .left .title {
|
|
|
- padding: 0 10px;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 700;
|
|
|
-}
|
|
|
-.livemain .livevideo .left .video {
|
|
|
- position: relative;
|
|
|
- height: 400px;
|
|
|
- margin: 0 10px 10px 10px;
|
|
|
- border: 2px solid #ccc;
|
|
|
- width: 97%;
|
|
|
- background-color: #000;
|
|
|
-}
|
|
|
-.livemain .livevideo .right {
|
|
|
- height: 460px;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #6e042c;
|
|
|
- border-top-left-radius: 5px;
|
|
|
- border-bottom-left-radius: 5px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-/deep/.livemain .livevideo .right .el-tabs__nav-scroll {
|
|
|
- color: #fff;
|
|
|
- width: 97%;
|
|
|
- float: left;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- padding: 0 10px;
|
|
|
- background: #fe950e;
|
|
|
-}
|
|
|
-
|
|
|
-/deep/.livemain .livevideo .right .el-tabs__item {
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-
|
|
|
-/deep/.livemain .livevideo .right .el-tabs__item.is-active {
|
|
|
- color: red;
|
|
|
-}
|
|
|
-
|
|
|
-/deep/.livemain .livevideo .right .el-tabs__item:hover {
|
|
|
- color: red;
|
|
|
-}
|
|
|
-
|
|
|
-/deep/.livemain .livevideo .right .el-tabs__active-bar {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- height: 2px;
|
|
|
- background-color: transparent;
|
|
|
- z-index: 1;
|
|
|
- transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
|
- list-style: none;
|
|
|
- color: #fff;
|
|
|
+ .left {
|
|
|
+ float: left;
|
|
|
+ height: 470px;
|
|
|
+ overflow: hidden;
|
|
|
+ border: 5px solid #000;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ .lefttop {
|
|
|
+ padding: 0 10px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 700;
|
|
|
+ border-bottom: 2px dashed #6e042c;
|
|
|
+ }
|
|
|
+ .leftvideo {
|
|
|
+ .title {
|
|
|
+ padding: 0 10px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ font-weight: bolder;
|
|
|
+ -webkit-text-stroke: 1px #6e042c;
|
|
|
+ -webkit-text-fill-color: #fff;
|
|
|
+ letter-spacing: 3px;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ .video {
|
|
|
+ padding: 5px 10px 10px 10px;
|
|
|
+ height: 390px;
|
|
|
+ overflow: hidden;
|
|
|
+ video {
|
|
|
+ width: 100%;
|
|
|
+ height: 360px;
|
|
|
+ background: #000;
|
|
|
+ padding: 0px 0 15px 0px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .right {
|
|
|
+ height: 470px;
|
|
|
+ background-color: #6e042c;
|
|
|
+ border-top-left-radius: 5px;
|
|
|
+ border-bottom-left-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ .rightFirst {
|
|
|
+ color: #fff;
|
|
|
+ height: 430px;
|
|
|
+ border-bottom: 1px solid red;
|
|
|
+ padding: 0 10px;
|
|
|
+ .list {
|
|
|
+ overflow: auto;
|
|
|
+ .lunboList {
|
|
|
+ padding: 10px 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffffff8f;
|
|
|
+ p:nth-child(1) {
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ p:nth-child(2) {
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 10px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .send {
|
|
|
+ height: 30px;
|
|
|
+ border: 1px solid;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ /deep/.el-tabs--card > .el-tabs__header {
|
|
|
+ border-bottom: none;
|
|
|
+ }
|
|
|
+ /deep/.el-tabs__header {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ /deep/.el-tabs--card > .el-tabs__header .el-tabs__item {
|
|
|
+ border-bottom: none;
|
|
|
+ border-left: none;
|
|
|
+ }
|
|
|
+ /deep/.el-tabs--card > .el-tabs__header .el-tabs__nav {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ /deep/.el-tabs__item {
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ /deep/.el-tabs__item.is-active {
|
|
|
+ color: #ff0000;
|
|
|
+ }
|
|
|
+ /deep/.el-tabs__nav-scroll {
|
|
|
+ background-color: #fe950e;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
/deep/.el-tabs__nav-wrap::after {
|
|
|
@@ -1307,35 +1263,6 @@ export default {
|
|
|
padding: 5px 0;
|
|
|
}
|
|
|
}
|
|
|
- // margin-bottom: 10px;
|
|
|
- // padding: 17px 6px;
|
|
|
- // .image {
|
|
|
- // border-radius: 90px;
|
|
|
- // .el-image {
|
|
|
- // border-radius: 90px;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // .info {
|
|
|
- // font-size: 16px;
|
|
|
- // padding: 0 15px;
|
|
|
- // .el-button {
|
|
|
- // float: right;
|
|
|
- // }
|
|
|
- // p {
|
|
|
- // float: left;
|
|
|
- // width: 100%;
|
|
|
- // height: 30px;
|
|
|
- // line-height: 30px;
|
|
|
- // span {
|
|
|
- // display: inline-block;
|
|
|
- // width: 50%;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // p:first-child {
|
|
|
- // font-size: 18px;
|
|
|
- // font-weight: bold;
|
|
|
- // }
|
|
|
- // }
|
|
|
}
|
|
|
}
|
|
|
/deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
|
|
|
@@ -1503,43 +1430,6 @@ export default {
|
|
|
padding: 5px 10px;
|
|
|
}
|
|
|
}
|
|
|
- // padding: 4px 0;
|
|
|
- // border-bottom: 1px dashed #ccc;
|
|
|
- // .name {
|
|
|
- // height: 30px;
|
|
|
- // line-height: 30px;
|
|
|
-
|
|
|
- // p {
|
|
|
- // font-size: 16px;
|
|
|
- // span:first-child {
|
|
|
- // display: inline-block;
|
|
|
- // width: 300px;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // .click {
|
|
|
- // height: 30px;
|
|
|
- // line-height: 30px;
|
|
|
- // text-align: center;
|
|
|
- // }
|
|
|
- // .otherInfo {
|
|
|
- // .field {
|
|
|
- // font-size: 14px;
|
|
|
- // padding: 8px 0 0 0;
|
|
|
- // }
|
|
|
- // .coopermode {
|
|
|
- // font-size: 14px;
|
|
|
- // padding: 8px 0 0 0;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // .introduction {
|
|
|
- // overflow: hidden;
|
|
|
- // text-overflow: ellipsis;
|
|
|
- // -webkit-line-clamp: 2;
|
|
|
- // word-break: break-all;
|
|
|
- // display: -webkit-box;
|
|
|
- // -webkit-box-orient: vertical;
|
|
|
- // }
|
|
|
}
|
|
|
}
|
|
|
.btn {
|
|
|
@@ -1601,15 +1491,6 @@ export default {
|
|
|
padding: 10px 0;
|
|
|
}
|
|
|
}
|
|
|
- // .lunboList:first-child {
|
|
|
- // color: #ff0000;
|
|
|
- // }
|
|
|
- // .lunboList:nth-child(2n) {
|
|
|
- // color: #ff4500;
|
|
|
- // }
|
|
|
- // .lunboList:nth-child(3n) {
|
|
|
- // color: #ffa500;
|
|
|
- // }
|
|
|
}
|
|
|
.anim {
|
|
|
transition: all 0.5s;
|
guhongwei
