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

替换rem

Browse Source
This commit is contained in:
zyronon 2023-02-17 11:00:06 +08:00
parent e83e27b2e9
commit ec18f5b540
7 changed files with 96 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/other/ServiceProtocol.vue
View File

@ -1734,9 +1734,9 @@ export default {
overflow: auto; overflow: auto;
.content { .content {
padding: 6rem 1rem 10rem 2rem; padding: 60rem 10rem 100rem 20rem;
color: white; color: white;
font-size: 1.4rem; font-size: 14rem;
} }
} }
</style> </style>

18
src/pages/people/AddressList.vue
View File

@ -56,11 +56,11 @@ export default {
color: white; color: white;
.content { .content {
padding-top: 6rem; padding-top: 60rem;
.recommend { .recommend {
.title { .title {
padding: 20px 20px 10px 20px; padding: 20rem 20rem 10rem 20rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -69,25 +69,25 @@ export default {
color: @second-text-color; color: @second-text-color;
img { img {
width: 10px; width: 10rem;
height: 10px; height: 10rem;
} }
} }
.right { .right {
border-radius: 50%; border-radius: 50%;
background: @second-text-color; background: @second-text-color;
padding: 5px; padding: 5rem;
width: 10px; width: 10rem;
height: 10px; height: 10rem;
} }
} }
} }
.footer { .footer {
text-align: center; text-align: center;
line-height: 6rem; line-height: 60rem;
height: 6rem; height: 60rem;
color: @second-text-color; color: @second-text-color;
} }

2
src/pages/people/FaceToFace.vue
View File

@ -37,7 +37,7 @@ export default {
color: white; color: white;
.content { .content {
padding-top: 6rem; padding-top: 60rem;
} }
} }
</style> </style>

116
src/pages/people/FindAcquaintance.vue
View File

@ -17,7 +17,7 @@
placeholder="搜索用户名字/抖音号" placeholder="搜索用户名字/抖音号"
:is-show-right-text="false" :is-show-right-text="false"
@click="isShowRightText = true"> @click="isShowRightText = true">
<img src="../../assets/img/icon/scan-gray.png" style="width: 1rem;transform: scale(1.5)" <img src="../../assets/img/icon/scan-gray.png" style="width: 10rem;transform: scale(1.5)"
@click.stop="$nav('/scan')"> @click.stop="$nav('/scan')">
</Search> </Search>
<Search v-else v-model="searchKey" :is-show-right-text="true" @notice="search" @clear="isSearch = false"></Search> <Search v-else v-model="searchKey" :is-show-right-text="true" @notice="search" @clear="isSearch = false"></Search>
@ -36,13 +36,13 @@
<div class="line"></div> <div class="line"></div>
<div class="title"> <div class="title">
朋友推荐 朋友推荐
<img src="../../assets/img/icon/about-gray.png" style="width: 1rem;margin-left: .2rem;"> <img src="../../assets/img/icon/about-gray.png" style="width: 10rem;margin-left: 2rem;">
</div> </div>
<People v-for="item in friends.all " :people="item" mode="recommend"></People> <People v-for="item in friends.all " :people="item" mode="recommend"></People>
</div> </div>
<div class="is-search" v-else> <div class="is-search" v-else>
<div class="tooltip" v-if="searchKey && !isSearch"> <div class="tooltip" v-if="searchKey && !isSearch">
<img src="../../assets/img/icon/close.svg" style="width: 1rem;"> <img src="../../assets/img/icon/close.svg" style="width: 10rem;">
搜索用户名字/抖音号：<span class="searchKey">{{ searchKey }}</span> 搜索用户名字/抖音号：<span class="searchKey">{{ searchKey }}</span>
</div> </div>
<!-- TODO --> <!-- TODO -->
@ -84,7 +84,7 @@
page-id="FindAcquaintance" page-id="FindAcquaintance"
v-model="moreOptionDialog" v-model="moreOptionDialog"
:show-heng-gang="false" :show-heng-gang="false"
height="21rem" height="210rem"
mode="white"> mode="white">
<div class="more-option-dialog"> <div class="more-option-dialog">
<div class="row" @click="outWebImgAccountDialog = true;moreOptionDialog = false"> <div class="row" @click="outWebImgAccountDialog = true;moreOptionDialog = false">
@ -224,31 +224,31 @@ export default {
bottom: 0; bottom: 0;
top: 0; top: 0;
color: white; color: white;
font-size: 1.4rem; font-size: 14rem;
.header { .header {
height: 6rem; height: 60rem;
font-size: 1.4rem; font-size: 14rem;
padding: 0 2rem; padding: 0 20rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-bottom: 1px solid @line-color; border-bottom: 1px solid @line-color;
img { img {
height: 2rem; height: 20rem;
} }
} }
.tab2 { .tab2 {
box-sizing: border-box; box-sizing: border-box;
padding: 2rem; padding: 20rem;
.title { .title {
margin-top: @padding-page; margin-top: @padding-page;
margin-bottom: 1rem; margin-bottom: 10rem;
color: @second-text-color; color: @second-text-color;
font-size: 1.2rem; font-size: 12rem;
} }
} }
@ -256,21 +256,21 @@ export default {
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 2rem; margin-top: 20rem;
margin-bottom: 1rem; margin-bottom: 10rem;
color: @second-text-color; color: @second-text-color;
font-size: 1.2rem; font-size: 12rem;
img { img {
width: 1rem; width: 10rem;
} }
} }
.no-search { .no-search {
padding: 2rem; padding: 20rem;
.look-address-list { .look-address-list {
margin: 0 0 2rem 0; margin: 0 0 20rem 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -278,9 +278,9 @@ export default {
.left { .left {
background: @second-btn-color-tran; background: @second-btn-color-tran;
border-radius: 50%; border-radius: 50%;
padding: 1.2rem; padding: 12rem;
width: 2.2rem; width: 22rem;
margin-right: 1.5rem; margin-right: 15rem;
} }
.right { .right {
@ -290,17 +290,17 @@ export default {
align-items: center; align-items: center;
img { img {
width: 1.4rem; width: 14rem;
} }
.notice { .notice {
.text1 { .text1 {
font-size: 1.4rem; font-size: 14rem;
margin-bottom: .5rem; margin-bottom: 5rem;
} }
.text2 { .text2 {
font-size: 1.2rem; font-size: 12rem;
color: @second-text-color; color: @second-text-color;
} }
} }
@ -309,18 +309,18 @@ export default {
} }
.is-search { .is-search {
padding: 0 2rem 2rem 2rem; padding: 0 20rem 20rem 20rem;
.tooltip { .tooltip {
font-size: 1.2rem; font-size: 12rem;
margin-top: 2rem; margin-top: 20rem;
display: flex; display: flex;
align-items: center; align-items: center;
color: @second-text-color; color: @second-text-color;
img { img {
margin-right: 1rem; margin-right: 10rem;
width: 1.5rem; width: 15rem;
} }
.searchKey { .searchKey {
@ -340,30 +340,30 @@ export default {
color: black; color: black;
background: white; background: white;
box-sizing: border-box; box-sizing: border-box;
border-radius: .3rem; border-radius: 3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.body { .body {
padding: 2rem; padding: 20rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
img { img {
height: 6rem; height: 60rem;
margin-bottom: 2rem; margin-bottom: 20rem;
} }
.title { .title {
font-size: 1.6rem; font-size: 16rem;
font-weight: bold; font-weight: bold;
margin-bottom: 1rem; margin-bottom: 10rem;
} }
.desc { .desc {
font-size: 1rem; font-size: 10rem;
color: gray; color: gray;
} }
@ -377,9 +377,9 @@ export default {
.footer { .footer {
width: 100%; width: 100%;
display: flex; display: flex;
height: 4rem; height: 40rem;
border-top: 1px solid @footer-border-color; border-top: 1px solid @footer-border-color;
font-size: 1.4rem; font-size: 14rem;
div { div {
display: flex; display: flex;
@ -400,15 +400,15 @@ export default {
} }
.more-option-dialog { .more-option-dialog {
font-size: 1.4rem; font-size: 14rem;
.space { .space {
height: 1rem; height: 10rem;
background: whitesmoke; background: whitesmoke;
} }
.row { .row {
height: 5rem; height: 50rem;
color: black; color: black;
background: white; background: white;
box-sizing: border-box; box-sizing: border-box;
@ -431,56 +431,56 @@ export default {
color: black; color: black;
background: white; background: white;
box-sizing: border-box; box-sizing: border-box;
border-radius: .3rem; border-radius: 3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 2rem; padding: 20rem;
.img-account { .img-account {
} }
.close { .close {
top: 1rem; top: 10rem;
right: 1rem; right: 10rem;
position: absolute; position: absolute;
background: @second-btn-color-tran; background: @second-btn-color-tran;
padding: .4rem; padding: 4rem;
width: 1rem; width: 10rem;
border-radius: 50%; border-radius: 50%;
} }
.desc { .desc {
margin-top: 2rem; margin-top: 20rem;
text-align: center; text-align: center;
} }
.notice { .notice {
margin-top: 2rem; margin-top: 20rem;
display: flex; display: flex;
align-items: center; align-items: center;
color: @second-text-color; color: @second-text-color;
img { img {
margin-right: 1rem; margin-right: 10rem;
width: 1rem; width: 10rem;
} }
} }
.btn { .btn {
width: 100%; width: 100%;
height: 4rem; height: 40rem;
border-radius: .3rem; border-radius: 3rem;
margin-top: 2rem; margin-top: 20rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: white; color: white;
&:nth-last-child(1) { &:nth-last-child(1) {
margin-top: 1rem; margin-top: 10rem;
} }
&.wechat { &.wechat {
@ -492,8 +492,8 @@ export default {
} }
img { img {
margin-right: 1rem; margin-right: 10rem;
width: 1rem; width: 10rem;
} }
} }
} }

26
src/pages/people/FollowAndFans.vue
View File

@ -19,7 +19,7 @@
v-model:active-index="slideIndex"> v-model:active-index="slideIndex">
</Indicator> </Indicator>
</div> </div>
<SlideRowList v-model:active-index="slideIndex" style="height: calc(100vh - 11.1rem)"> <SlideRowList v-model:active-index="slideIndex" style="height: calc(100vh - 111rem)">
<SlideItem class="tab1"> <SlideItem class="tab1">
<Search v-model="searchKey" placeholder="搜索用户备注或名字" :is-show-right-text="false"/> <Search v-model="searchKey" placeholder="搜索用户备注或名字" :is-show-right-text="false"/>
<div class="is-search" v-if="searchKey"> <div class="is-search" v-if="searchKey">
@ -117,7 +117,7 @@ export default {
bottom: 0; bottom: 0;
top: 0; top: 0;
color: white; color: white;
font-size: 1.4rem; font-size: 14rem;
.content { .content {
padding-top: @header-height; padding-top: @header-height;
@ -133,7 +133,7 @@ export default {
position: fixed; position: fixed;
width: 100vw; width: 100vw;
box-sizing: border-box; box-sizing: border-box;
padding: 1rem @padding-page 0 @padding-page; padding: 10rem @padding-page 0 @padding-page;
} }
} }
@ -147,17 +147,17 @@ export default {
.title { .title {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 1rem; margin-bottom: 10rem;
color: @second-text-color; color: @second-text-color;
font-size: 1.2rem; font-size: 12rem;
} }
.no-search { .no-search {
padding-top: 6rem; padding-top: 60rem;
} }
.is-search { .is-search {
padding-top: 5rem; padding-top: 50rem;
.no-result { .no-result {
display: flex; display: flex;
@ -165,18 +165,18 @@ export default {
align-items: center; align-items: center;
img { img {
margin-top: 15rem; margin-top: 150rem;
height: 15rem; height: 150rem;
} }
.n1 { .n1 {
margin-top: 4rem; margin-top: 40rem;
font-size: 1.6rem; font-size: 16rem;
} }
.n2 { .n2 {
margin-top: 2rem; margin-top: 20rem;
font-size: 1.2rem; font-size: 12rem;
color: @second-text-color; color: @second-text-color;
} }
} }

18
src/pages/people/Scan.vue
View File

@ -51,14 +51,14 @@ export default {
.back { .back {
z-index: 3; z-index: 3;
margin: 2rem 0 0 2rem; margin: 20rem 0 0 20rem;
position: fixed; position: fixed;
height: 2rem; height: 20rem;
} }
.float { .float {
position: fixed; position: fixed;
bottom: 6rem; bottom: 60rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 80vw; width: 80vw;
@ -72,15 +72,15 @@ export default {
img { img {
border-radius: 50%; border-radius: 50%;
background: @second-btn-color-tran; background: @second-btn-color-tran;
padding: 1.6rem; padding: 16rem;
height: 2.4rem; height: 24rem;
margin-bottom: 1rem; margin-bottom: 10rem;
} }
} }
.open-light { .open-light {
position: fixed; position: fixed;
bottom: 16rem; bottom: 160rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -88,8 +88,8 @@ export default {
transform: translateX(-50%); transform: translateX(-50%);
img { img {
height: 2.4rem; height: 24rem;
margin-bottom: 1rem; margin-bottom: 10rem;
} }
} }
} }

8
src/pages/people/components/Peoples.vue
View File

@ -154,15 +154,15 @@ export default {
.notice { .notice {
color: @second-text-color; color: @second-text-color;
font-size: 1.2rem; font-size: 12rem;
height: 4rem; height: 40rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.row { .row {
height: 5rem; height: 50rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -178,7 +178,7 @@ export default {
} }
.space { .space {
height: 1rem; height: 10rem;
background: whitesmoke; background: whitesmoke;
} }
} }