|
|
@@ -4,228 +4,50 @@
|
|
|
<div class="w_1200">
|
|
|
<div class="technicalmain">
|
|
|
<div class="infoleft">
|
|
|
- <div class="lefttop"><span class="title"> |</span> 专题研讨<span class="MORE">MORE</span></div>
|
|
|
- <div>
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">
|
|
|
- 副校长杨斌参加机副校长杨斌参加副校长杨杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ <div class="lefttop"><span class="title"> |</span>专题研讨<a class="more" @click="btnMore('专题研讨')">MORE</a></div>
|
|
|
+ <ul class="infoleftInfo">
|
|
|
+ <li v-for="(item, index) in zhuantiList" :key="index" @click="clickzhuanti(item.id)">
|
|
|
+ <p>{{ item.publish_time }}</p>
|
|
|
+ <p>
|
|
|
+ <span class="textOver">{{ item.title }}</span>
|
|
|
+ <span>{{ item.content }}</span>
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <div class="inforight">
|
|
|
- <div class="lefttop"><span class="title"> |</span> 技术问答<span class="MORE">MORE</span></div>
|
|
|
- <div>
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ <div class="infoRight">
|
|
|
+ <div class="lefttop"><span class="title"> |</span>技术问答<a class="more" @click="btnMore('技术问答')">MORE</a></div>
|
|
|
+ <ul class="infoRightInfo">
|
|
|
+ <li v-for="(item, index) in jishuList" :key="index" @click="clickjishu(item.id)">
|
|
|
+ <p>
|
|
|
+ <span class="textOver">{{ item.title }}</span
|
|
|
+ ><span>{{ item.publish_time }}</span>
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <div class="infoleft">
|
|
|
- <div class="lefttop"><span class="title"> |</span> 行业研究<span class="MORE">MORE</span></div>
|
|
|
- <div>
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">副校长杨斌参加机副校长杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合</div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="times">
|
|
|
- <span><font>17</font></span
|
|
|
- ><font>2020.04</font>
|
|
|
- </div>
|
|
|
- <p class="infotitle">副校长杨斌参加机械70与机械82团支部联合械82团支部联合械82团支部联合</p>
|
|
|
- <div class="infocontext">
|
|
|
- 副校长杨斌参加机副校长杨斌参加副校长杨杨斌参加副校长杨斌参加副校长杨斌参加械70与机械82团支部联合械82团支部联合械82团支部联合
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ <div class="downInfoleftList">
|
|
|
+ <div class="lefttop"><span class="title"> |</span>行业研究<a class="more" @click="btnMore('行业研究')">MORE</a></div>
|
|
|
+ <ul class="downInfoListInfo">
|
|
|
+ <li v-for="(item, index) in hangyeList" :key="index" @click="clickhangye(item.id)">
|
|
|
+ <p>
|
|
|
+ <span class="textOver">{{ item.title }}</span
|
|
|
+ ><span>{{ item.publish_time }}</span>
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <div class="inforight">
|
|
|
- <div class="lefttop"><span class="title"> |</span> 技术问答<span class="MORE">MORE</span></div>
|
|
|
- <div>
|
|
|
- <ul>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <p class="rightspan">吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖 吉林大学5种出版物、2个编辑部、3人获第四届吉林新闻出版奖</p>
|
|
|
- <p class="righttime">2020-05-05</p>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ <div class="downInfoRightList">
|
|
|
+ <div class="lefttop"><span class="title"> |</span>教育培训<a class="more" @click="btnMore('教育培训')">MORE</a></div>
|
|
|
+ <ul class="downInfoListInfo">
|
|
|
+ <li v-for="(item, index) in jiaoyuList" :key="index" @click="clickjiaoyu(item.id)">
|
|
|
+ <p>{{ item.publish_time }}</p>
|
|
|
+ <p>
|
|
|
+ <span class="textOver">{{ item.title }}</span>
|
|
|
+ <span>{{ item.content }}</span>
|
|
|
+ </p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -234,16 +56,57 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import _ from 'lodash';
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+const { mapActions: news } = createNamespacedHelpers('news');
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
props: {},
|
|
|
components: {},
|
|
|
data: () => {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ zhuantiList: [],
|
|
|
+ jishuList: [],
|
|
|
+ hangyeList: [],
|
|
|
+ jiaoyuList: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.searchInfo();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...news(['query']),
|
|
|
+ async searchInfo() {
|
|
|
+ let res = await this.query({ skip: 0, limit: 4, column_name: '专题研讨' });
|
|
|
+ if (this.$checkRes(res)) this.$set(this, `zhuantiList`, res.data);
|
|
|
+ res = await this.query({ skip: 0, limit: 4, column_name: '技术问答' });
|
|
|
+ if (this.$checkRes(res)) this.$set(this, `jishuList`, res.data);
|
|
|
+ res = await this.query({ skip: 0, limit: 4, column_name: '行业研究' });
|
|
|
+ if (this.$checkRes(res)) this.$set(this, `hangyeList`, res.data);
|
|
|
+ res = await this.query({ skip: 0, limit: 4, column_name: '教育培训' });
|
|
|
+ if (this.$checkRes(res)) this.$set(this, `jiaoyuList`, res.data);
|
|
|
+ },
|
|
|
+ btnMore(column_name) {
|
|
|
+ this.$router.push({ path: '/live/list', query: { column_name: column_name } });
|
|
|
+ },
|
|
|
+ clickzhuanti(id) {
|
|
|
+ this.$router.push({ path: '/live/detail', query: { id: id } });
|
|
|
+ console.log(id);
|
|
|
+ },
|
|
|
+ clickjishu(id) {
|
|
|
+ this.$router.push({ path: '/live/detail', query: { id: id } });
|
|
|
+ console.log(id);
|
|
|
+ },
|
|
|
+ clickhangye(id) {
|
|
|
+ this.$router.push({ path: '/live/detail', query: { id: id } });
|
|
|
+ console.log(id);
|
|
|
+ },
|
|
|
+
|
|
|
+ clickjiaoyu(id) {
|
|
|
+ this.$router.push({ path: '/live/detail', query: { id: id } });
|
|
|
+ console.log(id);
|
|
|
+ },
|
|
|
},
|
|
|
- created() {},
|
|
|
- methods: {},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
pageTitle() {
|
|
|
@@ -261,19 +124,11 @@ export default {
|
|
|
width: 589px;
|
|
|
float: left;
|
|
|
margin: 10px 0 10px 2px;
|
|
|
- min-height: 650px;
|
|
|
+ min-height: 585px;
|
|
|
box-shadow: 0 0 10px #2d64b3;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
-.inforight {
|
|
|
- min-height: 650px;
|
|
|
- box-shadow: 0 0 10px #2d64b3;
|
|
|
- width: 590px;
|
|
|
- float: left;
|
|
|
- margin: 10px 0 10px 15px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.lefttop {
|
|
|
+.infoleft .lefttop {
|
|
|
font-size: 18px;
|
|
|
width: 96%;
|
|
|
height: 41px;
|
|
|
@@ -283,52 +138,102 @@ export default {
|
|
|
bottom: 1px;
|
|
|
margin: 10px 10px 10px 10px;
|
|
|
}
|
|
|
-.title {
|
|
|
- padding: 0px 0 1px 1px;
|
|
|
- background: #005293;
|
|
|
-}
|
|
|
-.MORE {
|
|
|
+.infoleft .lefttop .more {
|
|
|
float: right;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.infoleftInfo {
|
|
|
+ padding: 0 10px;
|
|
|
}
|
|
|
-.times {
|
|
|
+.infoleftInfo li {
|
|
|
float: left;
|
|
|
- background: none;
|
|
|
- color: #8c7a9c;
|
|
|
- width: 60px;
|
|
|
- padding: 0 10px 0 10px;
|
|
|
+ width: 100%;
|
|
|
+ border-bottom: 1px dashed #ccc;
|
|
|
+ padding: 15px 0 15px 0;
|
|
|
+ height: 71px;
|
|
|
}
|
|
|
-.times span {
|
|
|
- font-size: 30px;
|
|
|
- font-weight: bold;
|
|
|
- display: block;
|
|
|
- line-height: 32px;
|
|
|
+.infoleftInfo li:hover p:last-child span:first-child {
|
|
|
+ -webkit-transform: translateY(-3px);
|
|
|
+ -ms-transform: translateY(-3px);
|
|
|
+ transform: translateY(-3px);
|
|
|
+ -webkit-box-shadow: 0 0 6px #999;
|
|
|
+ box-shadow: 0 0 6px #999;
|
|
|
+ -webkit-transition: all 0.5s ease-out;
|
|
|
+ transition: all 0.5s ease-out;
|
|
|
+ color: #005293;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.infoleftInfo li p:first-child {
|
|
|
+ float: left;
|
|
|
+ width: 17%;
|
|
|
+ font-size: 15px;
|
|
|
+ background: #044b79;
|
|
|
text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 4px 0px;
|
|
|
}
|
|
|
-.infoleft li {
|
|
|
- border-bottom: 1px solid #dcdcdc;
|
|
|
- padding: 10px 0;
|
|
|
- height: 65px;
|
|
|
- margin: 10px;
|
|
|
- color: #666;
|
|
|
+.infoleftInfo li p:last-child {
|
|
|
+ float: left;
|
|
|
+ width: 80%;
|
|
|
+ padding: 0 0 0 15px;
|
|
|
}
|
|
|
-
|
|
|
-.inforight li {
|
|
|
- text-indent: 5px;
|
|
|
- padding: 10px 0;
|
|
|
- height: 19px;
|
|
|
- margin: 10px;
|
|
|
+.infoleftInfo li p:last-child span:first-child {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
font-size: 18px;
|
|
|
- color: #666;
|
|
|
}
|
|
|
-
|
|
|
-.infotitle {
|
|
|
- width: 472px;
|
|
|
+.infoleftInfo li p:last-child span:last-child {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 16px;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ margin: 5px 0 0 0;
|
|
|
+ color: #666;
|
|
|
+}
|
|
|
+.infoRight {
|
|
|
+ width: 589px;
|
|
|
+ float: right;
|
|
|
+ margin: 10px 0 10px 2px;
|
|
|
+ height: 585px;
|
|
|
+ box-shadow: 0 0 10px #2d64b3;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.infoRight .lefttop {
|
|
|
font-size: 18px;
|
|
|
+ width: 96%;
|
|
|
+ height: 41px;
|
|
|
+ line-height: 35px;
|
|
|
+ border-bottom: 1px solid #e5e5e5;
|
|
|
+ position: relative;
|
|
|
+ bottom: 1px;
|
|
|
+ margin: 10px 10px 10px 10px;
|
|
|
}
|
|
|
-.infotitle:hover {
|
|
|
+.infoRight .lefttop .more {
|
|
|
+ float: right;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.infoRightInfo {
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+.infoRightInfo li {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ padding: 6px 0;
|
|
|
+}
|
|
|
+.infoRightInfo li:nth-child(6) {
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ padding: 0 0 17px 0;
|
|
|
+}
|
|
|
+.infoRightInfo li:nth-child(7) {
|
|
|
+ padding: 11px 0 0 0;
|
|
|
+}
|
|
|
+.infoRightInfo li:hover p span:first-child {
|
|
|
-webkit-transform: translateY(-3px);
|
|
|
-ms-transform: translateY(-3px);
|
|
|
transform: translateY(-3px);
|
|
|
@@ -337,29 +242,114 @@ export default {
|
|
|
-webkit-transition: all 0.5s ease-out;
|
|
|
transition: all 0.5s ease-out;
|
|
|
color: #005293;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
-.infocontext {
|
|
|
+.infoRightInfo li p {
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.infoRightInfo li p span:first-child {
|
|
|
+ display: inline-block;
|
|
|
+ width: 80%;
|
|
|
+}
|
|
|
+.infoRightInfo li p span:last-child {
|
|
|
+ display: inline-block;
|
|
|
+ width: 20%;
|
|
|
+ text-align: center;
|
|
|
font-size: 16px;
|
|
|
+}
|
|
|
+.downInfoleftList {
|
|
|
+ width: 570px;
|
|
|
+ float: left;
|
|
|
+ margin: 10px 0 10px 2px;
|
|
|
+ height: 585px;
|
|
|
+ box-shadow: 0 0 10px #2d64b3;
|
|
|
overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- word-break: break-all;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
}
|
|
|
-.rightspan {
|
|
|
+.downInfoleftList .lefttop {
|
|
|
+ font-size: 18px;
|
|
|
+ width: 96%;
|
|
|
+ height: 41px;
|
|
|
+ line-height: 35px;
|
|
|
+ border-bottom: 1px solid #e5e5e5;
|
|
|
+ position: relative;
|
|
|
+ bottom: 1px;
|
|
|
+ margin: 10px 10px 10px 10px;
|
|
|
+}
|
|
|
+.downInfoleftList .lefttop .more {
|
|
|
+ float: right;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.downInfoleftList {
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+.downInfoleftList li {
|
|
|
float: left;
|
|
|
- width: 460px;
|
|
|
+ width: 100%;
|
|
|
+ padding: 6px 0;
|
|
|
+}
|
|
|
+.downInfoleftList li:nth-child(6) {
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ padding: 0 0 17px 0;
|
|
|
+}
|
|
|
+.downInfoleftList li:nth-child(7) {
|
|
|
+ margin: 11px 0 0px 0;
|
|
|
+}
|
|
|
+.downInfoleftList li:hover p span:first-child {
|
|
|
+ -webkit-transform: translateY(-3px);
|
|
|
+ -ms-transform: translateY(-3px);
|
|
|
+ transform: translateY(-3px);
|
|
|
+ -webkit-box-shadow: 0 0 6px #999;
|
|
|
+ box-shadow: 0 0 6px #999;
|
|
|
+ -webkit-transition: all 0.5s ease-out;
|
|
|
+ transition: all 0.5s ease-out;
|
|
|
+ color: #005293;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.downInfoleftList li p {
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.downInfoleftList li p span:first-child {
|
|
|
+ display: inline-block;
|
|
|
+ width: 80%;
|
|
|
+}
|
|
|
+.downInfoleftList li p span:last-child {
|
|
|
+ display: inline-block;
|
|
|
+ width: 20%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.downInfoRightList {
|
|
|
+ width: 589px;
|
|
|
+ float: right;
|
|
|
+ margin: 10px 0 10px 2px;
|
|
|
+ min-height: 585px;
|
|
|
+ box-shadow: 0 0 10px #2d64b3;
|
|
|
overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
}
|
|
|
-.righttime {
|
|
|
+.downInfoRightList .lefttop {
|
|
|
+ font-size: 18px;
|
|
|
+ width: 96%;
|
|
|
+ height: 41px;
|
|
|
+ line-height: 35px;
|
|
|
+ border-bottom: 1px solid #e5e5e5;
|
|
|
+ position: relative;
|
|
|
+ bottom: 1px;
|
|
|
+ margin: 10px 10px 10px 10px;
|
|
|
+}
|
|
|
+.downInfoRightList .lefttop .more {
|
|
|
float: right;
|
|
|
+ font-size: 16px;
|
|
|
}
|
|
|
-
|
|
|
-.rightspan:hover {
|
|
|
+.downInfoRightList .downInfoListInfo {
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+.downInfoRightList .downInfoListInfo li {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ border-bottom: 1px dashed #ccc;
|
|
|
+ padding: 15px 0 15px 0;
|
|
|
+}
|
|
|
+.downInfoRightList .downInfoListInfo li:hover p:last-child span:first-child {
|
|
|
-webkit-transform: translateY(-3px);
|
|
|
-ms-transform: translateY(-3px);
|
|
|
transform: translateY(-3px);
|
|
|
@@ -368,5 +358,39 @@ export default {
|
|
|
-webkit-transition: all 0.5s ease-out;
|
|
|
transition: all 0.5s ease-out;
|
|
|
color: #005293;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.downInfoRightList .downInfoListInfo li p:first-child {
|
|
|
+ float: left;
|
|
|
+ width: 17%;
|
|
|
+ font-size: 15px;
|
|
|
+ background: #044b79;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ padding: 4px 0px;
|
|
|
+}
|
|
|
+.downInfoRightList .downInfoListInfo li p:last-child {
|
|
|
+ float: left;
|
|
|
+ width: 80%;
|
|
|
+ padding: 0 0 0 15px;
|
|
|
+}
|
|
|
+.downInfoRightList .downInfoListInfo li p:last-child span:first-child {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.downInfoRightList .downInfoListInfo li p:last-child span:last-child {
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 16px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ word-break: break-all;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ margin: 5px 0 0 0;
|
|
|
+ color: #666;
|
|
|
}
|
|
|
</style>
|
