Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in
Toggle navigation
Y
ybf
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
xulili
ybf
Commits
fd7ba106
Commit
fd7ba106
authored
5 years ago
by
xd
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
活动列表
parent
59ec66e8
master
No related merge requests found
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
74 additions
and
12 deletions
+74
-12
activeList.vue
ybf_wx/src/views/active/activeList.vue
+74
-12
No files found.
ybf_wx/src/views/active/activeList.vue
View file @
fd7ba106
<
template
>
<
template
>
<div>
<div
class=
"container"
>
<div
class=
"title"
>
<div
class=
"title"
>
<span>
会员分裂
</span>
<span>
会员分裂
</span>
<span
class=
"fr"
>
查看更多
<span
class=
"icon"
>
>
</span></span>
<span
class=
"fr"
>
查看更多
<span
class=
"icon"
>
>
</span></span>
...
@@ -7,11 +7,43 @@
...
@@ -7,11 +7,43 @@
<div
class=
"active"
>
<div
class=
"active"
>
<div
class=
"list"
>
<div
class=
"list"
>
<div
class=
"left"
></div>
<div
class=
"left"
></div>
<div
class=
"right"
></div>
<div
class=
"right"
>
<h3>
砍价
</h3>
<p>
由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状。
</p>
</div>
</div>
<div
class=
"list"
>
<div
class=
"left"
></div>
<div
class=
"right"
>
<h3>
集赞
</h3>
<p>
由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状。
</p>
</div>
</div>
<div
class=
"list list3"
>
<div
class=
"left"
></div>
<div
class=
"right"
>
<h3>
推荐有礼
</h3>
<p>
由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状。
</p>
</div>
</div>
</div>
<div
class=
"fg"
>
复购
</div>
<div
class=
"active"
>
<div
class=
"list"
>
<div
class=
"left"
></div>
<div
class=
"right"
>
<h3>
大转盘抽奖
</h3>
<p>
由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状。
</p>
</div>
</div>
<div
class=
"list list3"
>
<div
class=
"left"
></div>
<div
class=
"right"
>
<h3>
砸金蛋抽奖
</h3>
<p>
由各种物质组成的巨型球状天体,叫做星球。星球有一定的形状。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
...
@@ -20,6 +52,10 @@ export default {};
...
@@ -20,6 +52,10 @@ export default {};
</
script
>
</
script
>
<
style
scoped
>
<
style
scoped
>
.container
{
height
:
100%
;
background-color
:
rgba
(
248
,
248
,
248
,
1
);
}
.title
{
.title
{
height
:
44px
;
height
:
44px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
background
:
rgba
(
248
,
248
,
248
,
1
);
...
@@ -28,28 +64,54 @@ export default {};
...
@@ -28,28 +64,54 @@ export default {};
font-size
:
12px
;
font-size
:
12px
;
color
:
rgba
(
45
,
71
,
106
,
1
);
color
:
rgba
(
45
,
71
,
106
,
1
);
}
}
.fg
{
padding
:
0
16px
;
font-size
:
12px
;
color
:
rgba
(
45
,
71
,
106
,
1
);
height
:
44px
;
line-height
:
44px
;
}
.icon
{
.icon
{
font-weight
:
800
;
font-weight
:
800
;
}
}
.active
{
.active
{
padding
:
16px
;
background-color
:
#fff
;
padding
:
12px
12px
0
12px
;
box-shadow
:
0px
2px
4px
0px
rgba
(
221
,
221
,
221
,
1
);
box-shadow
:
0px
2px
4px
0px
rgba
(
221
,
221
,
221
,
1
);
}
}
.list
{
.list
{
height
:
10
4px
;
height
:
9
4px
;
width
:
100%
;
width
:
100%
;
background-color
:
#fff
;
background-color
:
#fff
;
display
:
flex
;
display
:
flex
;
justify-content
:
space-between
justify-content
:
space-between
;
border-bottom
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
margin-bottom
:
14px
;
}
.list3
{
border-bottom
:
none
;
margin-bottom
:
0
;
}
}
.left
,
.right
{
.left
,
.right
{
background-color
:
pink
;
height
:
80px
;
height
:
80px
;
}
}
.left
{
.left
{
width
:
80px
;
width
:
80px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
}
}
.right
{
.right
{
width
:
72%
;
width
:
76%
;
padding
:
10px
;
background-color
:
#fff
;
}
h3
{
font-size
:
14px
;
font-weight
:
bold
;
color
:
rgba
(
45
,
71
,
106
,
1
);
}
p
{
margin-top
:
10px
;
font-size
:
12px
;
color
:
rgba
(
45
,
71
,
106
,
0.8
);
}
}
</
style
>
</
style
>
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment