pimhwang
/
douyin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

进一步完善关注页面

pull/19/head
zyronon 7 years ago
parent
50d3278887
commit
afe7d1332a
4 changed files with 912 additions and 33 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 886
      package-lock.json
  2. 28
      public/index.html
  3. 28
      src/components/attention/Attention.vue
  4. 3
      src/components/home/Home.vue

886
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

28
public/index.html
Unescape View File

@ -1,8 +1,9 @@ @@ -1,8 +1,9 @@
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
<meta name="screen-orientation" content="portrait"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
@ -10,12 +11,19 @@ @@ -10,12 +11,19 @@
<meta name="x5-fullscreen" content="true">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>抖音</title>
</head>
<body>
<noscript>
<strong>We're sorry but douyin doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
<style>
body{
height: 0!important;
}
</style>
</head>
<body>
<noscript>
<strong>
We're sorry but douyin doesn't work properly without JavaScript enabled. Please enable it to continue.
</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

28
src/components/attention/Attention.vue
Unescape View File

@ -1,12 +1,12 @@ @@ -1,12 +1,12 @@
<template>
<div id="attention" >
<div class="items pl10p pr10p">
<div class="item">
<div class="header">
<div class="items p10p">
<div class="item mb20p pb20p" v-for="item of items">
<div class="header mb10p">
<img src="../../assets/img/head-image.jpeg" alt="">
<span class="ml5p">TTentau</span>
</div>
<div class="my-comment mt5p">
<div class="my-comment mb10p">
最靠近北极有个不生不来之地，北极熊比人还多，对中国免签 <span class="tag">#带他去旅行</span>
</div>
<div class="other-comment p10p">
@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
<span class="tag">#购物车里是什么</span>
<span>无敌浩克</span>
</div>
<div class="video-container mb10p">
<div class="video-container mb10p ">
<video src="../../assets/video/吴三二的光年之外.mp4"></video>
<div class="music">
<img src="../../assets/img/music.svg" alt="" class="music-image">
@ -73,6 +73,13 @@ @@ -73,6 +73,13 @@
name: "Attention",
components: {
Footer
},
data(){
return {
items:[
{},{},{}
]
}
}
}
</script>
@ -85,25 +92,28 @@ @@ -85,25 +92,28 @@
background: #2e3244;
color: #b8b9c1;
.items {
.item {
>.item {
border-bottom: 1px solid #494950;
.header {
display: flex;
justify-content: start;
align-items: center;
img {
width: 30px;
height: 30px;
width: 40px;
height: 40px;
border-radius: 50%;
}
}
.other-comment {
display: none;
background: #15161b;
border-radius: 10px 10px 0 0;
}
.video-container {
position: relative;
width: 80%;
video {
border-radius: 0 0 10px 10px;
border-radius: 10px 10px 10px 10px;
width: 100%;
}
.music {

3
src/components/home/Home.vue
Unescape View File

@ -76,7 +76,8 @@ @@ -76,7 +76,8 @@
loves: 1234,
comments: 666,
shared: 999
},{
},
{
videoUrl: '../assets/video/吴三二的光年之外.mp4',
isLoved: false,
loves: 1234,

Write Preview
Loading…
Cancel
Save