MoeJue/douyin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化细节

Browse Source
This commit is contained in:
zyronon 2021-07-18 22:17:31 +08:00
parent fe9ce7786e
commit f0cbfffb5d
4 changed files with 45 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Indicator.vue
View File

@ -99,6 +99,7 @@ export default {
@import "../assets/scss/index";
.indicator-ctn {
font-size: 1.4rem;
width: 100%;
height: 6rem;
top: 0;

1
src/components/Video.vue
View File

@ -328,6 +328,7 @@ export default {
.bg-video {
position: relative;
background: black;
font-size: 1.4rem;
video {
width: 100%;

7
src/pages/home/Index2.vue
View File

@ -104,7 +104,7 @@
<Footer v-bind:init-tab="1"/>
</SlideItem>
<SlideItem style="font-size: 40px;overflow:auto;">
<div>
<div v-if="false">
<p>详情页</p>
<p>详情页</p>
<p>详情页</p>
@ -146,6 +146,7 @@
<p>详情页</p>
<p>详情页</p>
</div>
<Me></Me>
</SlideItem>
</SlideRowList>
<Comment v-model:is-commenting="isCommenting"/>
@ -170,10 +171,10 @@ import Comment from "../../components/Comment";
import Share from "../../components/Share";
import SlideColumnList from "../../components/slide/SlideColumnList";
import SlideRowList from "../../components/slide/SlideRowList";
import Me from '../me/Me'
export default {
name: "HomeIndex",
components: {SlideColumnList, SlideRowList, Video1, Comment, Share,},
components: {SlideColumnList, SlideRowList, Video1, Comment, Share,Me},
data() {
return {
videos1: [

72
src/pages/me/Me.vue
View File

@ -94,57 +94,57 @@
</SlideItem>
<SlideItem style="min-width: 70vw; overflow:auto;">
<transition name="fade">
<ul v-if="!isMoreFunction">
<li @click="$nav('MyCard')">
<div class="ul" v-if="!isMoreFunction">
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/card-gray.png" alt="">
<span>我的订单</span>
</li>
<li @click="$nav('MyCard')">
</div>
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/wallet-gray.png" alt="">
<span>钱包</span>
</li>
</div>
<div class="line"></div>
<li @click="$nav('MyCard')">
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/card-gray.png" alt="">
<span>我的收藏</span>
</li>
<li @click="$nav('MyCard')">
</div>
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/card-gray.png" alt="">
<span>观看历史</span>
</li>
<li @click="$nav('MyCard')">
</div>
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/card-gray.png" alt="">
<span>我的动态</span>
</li>
<li @click="$nav('MyCard')">
</div>
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/card-gray.png" alt="">
<span>创作者服务中心</span>
</li>
</div>
<div class="line"></div>
<li @click="$nav('MyCard')">
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/link-gray.png" alt="">
<span>小程序</span>
</li>
<li @click="$nav('MyCard')">
</div>
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/card-gray.png" alt="">
<span>抖音公益</span>
</li>
<li @click="$nav('MyCard')">
</div>
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/umbrella-gray.png" alt="">
<span>未成年保护工具</span>
</li>
<li @click="$nav('MyCard')">
</div>
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/card-gray.png" alt="">
<span>我的客服</span>
</li>
<li @click="$nav('MyCard')">
</div>
<div class="li" @click="$nav('MyCard')">
<img src="../../assets/img/icon/setting-gray.png" alt="">
<span>设置</span>
</li>
</ul>
</div>
</div>
<div v-else class="more-function">
<div class="title">生活服务</div>
<div class="functions">
@ -427,6 +427,7 @@ export default {
}
.description {
font-size: 1.2rem;
color: white;
transform: translateY(-20px);
@ -465,10 +466,12 @@ export default {
}
}
ul {
.ul {
font-size: 1.2rem;
width: 100%;
height: 100%;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
padding: 0;
margin: 0;
position: absolute;
@ -482,13 +485,15 @@ export default {
margin: 5px 20px;
}
li {
.li {
box-sizing: border-box;
background: $main-bg;
padding: 10px 20px;
width: 100%;
padding: 1rem 2rem;
list-style: none;
display: flex;
align-items: center;
line-height: 40px;
line-height: 4rem;
&:nth-last-child(1) {
margin-bottom: 90px;
@ -543,6 +548,7 @@ export default {
}
.button-ctn {
font-size: 1.4rem;
z-index: 99999;
width: 70vw;
position: absolute;
@ -551,10 +557,10 @@ export default {
.button {
box-sizing: border-box;
width: calc(70vw - 40px);
background: #686464;
margin: 20px;
height: 50px;
width: calc(100% - 4rem);
background: $second-btn-color;
margin: 2rem;
height: 4.5rem;
border-radius: 3px;
display: flex;
align-items: center;