-
-
-
-
MT创作的原声
-
NT >
-
1人使用
-
-
-
收藏
+
+
+
+
+
MT创作的原声
+
+
+
+
收藏
+
-
-
-
-
- NO. {{ index + 1 }}
-
-
首发
-
+
+
+
@@ -84,115 +2441,108 @@ export default {
color: white;
font-size: 1.4rem;
- img {
- width: 2rem;
- height: 2rem;
+ .header {
+ position: fixed;
+ z-index: 9;
+ top: 0;
+ background: @main-bg;
+ width: 100%;
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ height: 6rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ .center {
+ font-size: 1.3rem;
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+
+ .right {
+ display: flex;
+ align-items: center;
+
+ .logo {
+ background: linear-gradient(to bottom, #794CFF 5%, #4C3EFE 50%);
+ //padding: .2rem 1rem;
+ width: 8rem;
+ height: 2rem;
+ border-radius: 1rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1rem;
+ }
+
+ img {
+ width: 2.4rem;
+ height: 2.4rem;
+ margin-left: 1.5rem;
+ }
+ }
}
.content {
padding-top: 6rem;
- .bottom {
+ .Scroll {
+ height: calc(100vh - 6rem);
+ }
+
+ .desc {
+ padding: 3rem 1.5rem;
display: flex;
- height: 120px;
+ height: 12rem;
.logo {
- width: 120px;
+ width: 12rem;
height: 100%;
- border-radius: 4px;
+ border-radius: .3rem;
}
.info {
- margin-left: 15px;
+ margin-left: 1.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
+
.name {
- font-size: 18px;
+ font-size: 1.8rem;
color: #fff;
font-weight: bold;
- margin-bottom: 10px;
+ margin-bottom: 1rem;
}
.user, .peoples {
- margin-bottom: 5px;
+ font-size: 1.2rem;
+ margin-bottom: 0.5rem;
color: #999999;
}
.collection {
display: flex;
justify-content: center;
- height: 25px;
- width: 80px;
+ height: 2.5rem;
+ width: 7rem;
align-items: center;
color: #ffffff;
- background: #999;
- border-radius: 2px;
+ background: @second-btn-color;
+ border-radius: 0.2rem;
+ font-size: 1.3rem;
img {
- margin-right: 10px;
- width: 15px;
- height: 15px;
+ margin-right: .5rem;
+ width: 1.3rem;
+ height: 1.3rem;
}
}
}
}
- .tabs {
- height: 40px;
- display: flex;
- align-items: center;
- color: #fff;
-
- .tab {
- height: 90%;
- width: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- margin: 10px;
-
- &.active {
- border-bottom: 3px solid yellow;
- }
- }
- }
-
- .video-container {
- width: 33%;
- float: left;
- position: relative;
- overflow: hidden;
- border: .5px solid black;
-
- video {
- width: 100%;
- }
-
- .first {
- padding: 0 5px;
- border-radius: 4px;
- position: absolute;
- top: 10px;
- left: 10px;
- background: yellow;
- }
-
- .no {
- position: absolute;
- color: #bdbdbd;
- bottom: 10px;
- right: 10px;
- font-style: italic;
-
- span {
- color: #ffffff;
- font-size: 20px;
- }
- }
-
- }
}
}
diff --git a/src/pages/me/Me.vue b/src/pages/me/Me.vue
index 1a0b483..7920394 100644
--- a/src/pages/me/Me.vue
+++ b/src/pages/me/Me.vue
@@ -132,7 +132,7 @@
只有你能看到设为私密的作品和日常
