LoveNav/love-nav-vue
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

兰代清没头发

Browse Source
This commit is contained in:
Zhang HaoYang
2023-12-24 01:23:38 +08:00
parent ffb44d895d
commit 72fae3f385
6 changed files with 48 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/detail/NavDetail.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="DefinedPage">
<div class="DefinedPage" >
<div class="LeftPart" style="overflow: auto">
<div class="JustBack" style="width:670px;display:flex; flex-direction: row; flex-wrap: nowrap;height:430px !important;">
<div id="ShowPic" style="display: flex;flex-direction: column;flex-wrap: wrap">
@@ -92,7 +92,7 @@
畅享移动高清
为移动用户量身打造，操作界面清新友好内容丰富多元。
快速发现内容
分频道视频浏览，分类更合理，高效。
分频道视频浏览，分类更合理，高效
更小、更快、更流畅
安装包小、CPU占用少、播放更加流畅清晰。<br/>
使用91视频观看视频需要具备怎样的网络条件

28
src/components/detail/UserComment.vue
View File

@@ -36,9 +36,11 @@
8~18 位包含大小写字母、数字、特殊字符的密码8~18 位包含大小写字母、数字、特殊字符的密码8~18 位包含大小写字母、数字、特殊字符的密码
</div>
</div>
<div style="display: flex;flex-direction: row-reverse;width:100%;">
<span style="font-size:18px;font-family: STHupo;line-height:44px;margin-left:5px">112</span>
<el-button type="danger" icon="myIcon" size="medium" plain circle style="margin-top:6px;" ></el-button>
<div style="display: flex;flex-direction: row-reverse;width:100%;height:42px">
<span style="font-size:18px;font-family: STHupo;line-height:40px;margin-left:5px;margin-left:10px;">112</span>
<el-button type="danger" icon="myIcon" size="medium" plain circle style="margin-top:6px;margin-left:20px;" ></el-button>
<span style="font-size:18px;font-family: STHupo;line-height:40px;margin-left:10px">评论</span>
<el-button type="success" icon="myIcon2" size="medium" plain circle style="margin-top:6px;margin-left:70px" ></el-button>
</div>
<!--子评论-->
<el-card style="background-color: var(--theme-comment-color) !important;margin-top:50px;margin-left:70px">
@@ -172,6 +174,26 @@ $popper-background-color: #000;
}
}
::v-deep .myIcon2{
background: url("../../assets/img/messageButton.svg")center no-repeat;
width:15px;
height:15px;
background-size: cover;
}
::v-deep .myIcon2:before {
content: "替";
font-size: 17px;
visibility: hidden;
}
::v-deep .myIcon2:before {
content: "\e611";
}
::v-deep .myIcon{
background: url("../../assets/img/Like3D.svg")center no-repeat;
width:15px;

9
src/components/home/HomePage.vue
View File

@@ -6,9 +6,12 @@
</div>
<NoticeComponent></NoticeComponent>
<div v-for="(item,index) in navList" :key="index" class="content-section">
<div class="content-section-title">{{item.name}}</div>
<div class="apps-card">
<NavList v-if="item.childUC" v-for="(item,index2) in item.childUC" :key="index2" :nav="item"></NavList>
<div class="HeadLine" style="margin-top:15px;margin-left:-5px;">
<div class="HeadSquare"></div>
<div class="TitleFont" style="color:var(--theme-color)"><i class="el-icon-s-unfold"></i>{{item.name}}</div>
</div>
<div class="apps-card" >
<NavList style="border-color:var(--border-color);border-width: 3px;" v-if="item.childUC" v-for="(item,index2) in item.childUC" :key="index2" :nav="item"></NavList>
</div>
</div>
</div>

16
src/components/hotNews/NewsCard.vue
View File

@@ -12,7 +12,7 @@
element-loading-text="拼命加载中"
element-loading-spinner="el-icon-loading"
element-loading-background="var(--theme-bg-color)" >
<div v-if="news.hot" class="widget__section" v-for="(item,index) in news.hot" :key="index">
<div v-if="news.hot" class="widget__section" v-for="(item,index) in news.hot" :key="index" >
<span v-if="index===0" class="hot-rank-1">{{index+1}}</span>
<span v-if="index===1" class="hot-rank-2">{{index+1}}</span>
<span v-if="index===2" class="hot-rank-3">{{index+1}}</span>
@@ -123,14 +123,14 @@ export default {
cursor: pointer;
}
.hot-rank-1 {
color: #fff;
color:var(--theme-color);
background: #f1404b;
border-radius: 4px;
display: inline-block;
text-align: center;
}
.hot-rank-2 {
color: #fff;
color: var(--theme-color);
background: #c56831;
border-radius: 4px;
@@ -138,7 +138,7 @@ export default {
text-align: center;
}
.hot-rank-3 {
color: #fff;
color: var(--theme-color);
background: #b89e2c;
border-radius: 4px;
@@ -146,7 +146,7 @@ export default {
text-align: center;
}
.hot-rank-4 {
color: #fff;
color: var(--theme-color);
background: rgba(124,124,124,.3);
border-radius: 4px;
@@ -159,6 +159,7 @@ export default {
height: 20px;
}
.news-content{
color: var(--theme-color);
margin-left:10px;
height: 20px;
width: 260px;
@@ -171,4 +172,9 @@ a:hover{
font-size: 16px;
font-weight: bold;
}
::v-deep .el-link--inner{
color: var(--theme-color);
text-shadow: 0 0 3px var(--font-border);
}
</style>