兰代清没头发
This commit is contained in:
parent
ffb44d895d
commit
72fae3f385
@ -825,6 +825,7 @@ body.light-mode .video-bg:before {
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
width: calc(100% + 20px);
|
||||
margin-top:20px;
|
||||
}
|
||||
|
||||
.app-card {
|
||||
@ -969,13 +970,13 @@ body.light-mode .video-bg:before {
|
||||
/** 总推荐标签 **/
|
||||
.RecAll{
|
||||
display:flex;
|
||||
height:300px;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
/** 单列推荐标签 **/
|
||||
.SingleLabel{
|
||||
margin-top:2px;
|
||||
//background-color: rgba(217, 217, 217, 0.5);
|
||||
width:210px;
|
||||
height: 100%;
|
||||
border-radius:10px;
|
||||
@ -1047,6 +1048,7 @@ body.light-mode .video-bg:before {
|
||||
|
||||
.NavInfo{
|
||||
font-weight:550;
|
||||
height:200px!important;
|
||||
display: flex;
|
||||
flex-direction:column;
|
||||
}
|
||||
|
1
src/assets/img/messageButton.svg
Normal file
1
src/assets/img/messageButton.svg
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1703351260331" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1287" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M898.69 392.6l-3.22-40.25A194.88 194.88 0 0 0 716.72 173.6l-40.25-3.22c-48-3.83-115.87-5.75-164-5.75s-116 1.92-164 5.75l-40.25 3.22a194.88 194.88 0 0 0-178.75 178.75l-3.52 44c-3.58 44.75-3.58 118 0 162.73l3.52 44a194.88 194.88 0 0 0 178.75 178.8l40.25 3.22c20.19 1.61 43.87 2.89 68.12 3.82l64.68 57.79a51.69 51.69 0 0 0 68.89 0l65-58.05c21.87-0.91 43.06-2.09 61.35-3.55l40.25-3.22a194.88 194.88 0 0 0 178.71-178.76l3.22-40.25c4.08-26.88 3.83-122.26 0-170.28z" p-id="1288" data-spm-anchor-id="a313x.collections_detail.0.i9.29003a81DFk930" class="selected" fill="#7bde62"></path><path d="M294.9 533.16a58.45 58.45 0 1 1 58.45-58.44 58.44 58.44 0 0 1-58.45 58.44z m217.56 0a58.45 58.45 0 1 1 58.45-58.44 58.43 58.43 0 0 1-58.45 58.44z m217.56 0a58.45 58.45 0 1 1 58.45-58.44A58.43 58.43 0 0 1 730 533.16z" fill="#FFFFFF" p-id="1289" data-spm-anchor-id="a313x.collections_detail.0.i10.29003a81DFk930" class=""></path></svg>
|
After Width: | Height: | Size: 1.2 KiB |
@ -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视频观看视频需要具备怎样的网络条件
|
||||
|
@ -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;
|
||||
|
@ -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>
|
||||
|
@ -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>
|
Loading…
Reference in New Issue
Block a user