Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
T
techbook
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
front-end-dev
techbook
Commits
2694671f
Commit
2694671f
authored
Mar 30, 2021
by
anxixi
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
活动列表样式修改
parent
7f03ccd8
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
49 additions
and
26 deletions
+49
-26
common.scss
public/css/common.scss
+19
-2
Pagescreen.vue
src/components/index/Pagescreen.vue
+3
-2
regionchoice.vue
src/components/index/regionchoice.vue
+2
-2
newEventpage.vue
src/views/findeventpage/newEventpage.vue
+25
-20
No files found.
public/css/common.scss
View file @
2694671f
...
@@ -163,8 +163,25 @@ input.el-input__inner {
...
@@ -163,8 +163,25 @@ input.el-input__inner {
//组件
//组件
.applyCheckbox.el-checkbox-button
{
.applyCheckbox.el-checkbox-button
{
margin
:
10px
;
margin
:
5px
2px
;
}
.eventDatepicker.el-input__inner
{
height
:
30px
!
important
;
line-height
:
30px
!
important
;
}
.eventDatepicker.el-date-editor
.el-range__icon
{
line-height
:
30px
!
important
;
}
.eventDatepicker.el-range-editor.el-input__inner
{
padding
:
0px
10px
;
}
.eventDatepicker.el-date-editor
.el-range-separator
{
line-height
:
30px
!
important
;
}
.eventDatepicker.el-date-editor
{
width
:
300px
!
important
;
}
}
.moneyCheckbox.el-checkbox-button
{
.moneyCheckbox.el-checkbox-button
{
...
@@ -177,7 +194,7 @@ input.el-input__inner {
...
@@ -177,7 +194,7 @@ input.el-input__inner {
}
}
.applyCheckbox.el-checkbox-button--small
.el-checkbox-button__inner
{
.applyCheckbox.el-checkbox-button--small
.el-checkbox-button__inner
{
padding
:
7px
1
5
px
;
padding
:
7px
1
0
px
;
max-width
:
240px
;
max-width
:
240px
;
white-space
:
nowrap
;
white-space
:
nowrap
;
overflow
:
hidden
;
overflow
:
hidden
;
...
...
src/components/index/Pagescreen.vue
View file @
2694671f
...
@@ -2,7 +2,7 @@
...
@@ -2,7 +2,7 @@
<div
style=
"padding: 6px 0"
>
<div
style=
"padding: 6px 0"
>
<div
style=
"padding-left: 10px"
class=
"gendisplay"
>
<div
style=
"padding-left: 10px"
class=
"gendisplay"
>
<div
:style=
"titleType?'width: 0;overflow: hidden;':''"
>
<div
:style=
"titleType?'width: 0;overflow: hidden;':''"
>
<p
class=
"titleNameP"
:
class=
"labelWidth?'labelWidth':'
'"
>
{{
titleName
}}
:
</p>
<p
class=
"titleNameP"
:
style=
"'width:'+labelWidth +'px
'"
>
{{
titleName
}}
:
</p>
</div>
</div>
<div
style=
"font-weight: normal"
class=
"gendisplay"
>
<div
style=
"font-weight: normal"
class=
"gendisplay"
>
<div>
<div>
...
@@ -477,7 +477,8 @@
...
@@ -477,7 +477,8 @@
.titleNameP
{
.titleNameP
{
width
:
140px
;
width
:
140px
;
line-height
:
48px
;
color
:
#1A1A1E
;
line-height
:
37px
;
font-weight
:
bold
;
font-weight
:
bold
;
}
}
.labelWidth
{
.labelWidth
{
...
...
src/components/index/regionchoice.vue
View file @
2694671f
...
@@ -2,7 +2,7 @@
...
@@ -2,7 +2,7 @@
<div>
<div>
<el-row
:gutter=
"20"
style=
" padding: 6px 0 6px 10px;margin:0;"
>
<el-row
:gutter=
"20"
style=
" padding: 6px 0 6px 10px;margin:0;"
>
<el-col
:span=
"3"
style=
"padding-left: 0;width: 130px;"
>
<el-col
:span=
"3"
style=
"padding-left: 0;width: 130px;"
>
<div
style=
"line-height: 45px;font-weight: bold"
>
{{
titleName
}}
:
</div>
<div
style=
"line-height: 45px;font-weight: bold
;color: #1A1A1E;
"
>
{{
titleName
}}
:
</div>
</el-col>
</el-col>
<el-col
:span=
"21"
style=
"font-weight:normal;padding-left: 10px;width: 80%;"
>
<el-col
:span=
"21"
style=
"font-weight:normal;padding-left: 10px;width: 80%;"
>
<div
style=
"width: 80%;"
>
<div
style=
"width: 80%;"
>
...
@@ -15,7 +15,7 @@
...
@@ -15,7 +15,7 @@
</el-checkbox-button>
</el-checkbox-button>
</el-checkbox-group>
</el-checkbox-group>
</el-col>
</el-col>
<el-col
:span=
"20"
style=
"margin-left: 35px;"
>
<el-col
:span=
"20"
>
<el-checkbox-group
v-model=
"checkboxlocation"
size=
"small"
@
change=
"changecity"
>
<el-checkbox-group
v-model=
"checkboxlocation"
size=
"small"
@
change=
"changecity"
>
<el-checkbox-button
class=
"applyCheckbox"
v-for=
"item in cityList"
:label=
"item.lab"
:key=
"item.lab"
>
<el-checkbox-button
class=
"applyCheckbox"
v-for=
"item in cityList"
:label=
"item.lab"
:key=
"item.lab"
>
{{
item
.
lab
}}
<i
v-if=
"item.checked"
class=
"el-icon-close"
></i>
{{
item
.
lab
}}
<i
v-if=
"item.checked"
class=
"el-icon-close"
></i>
...
...
src/views/findeventpage/newEventpage.vue
View file @
2694671f
...
@@ -24,9 +24,10 @@
...
@@ -24,9 +24,10 @@
<div
class=
"condition_top"
>
<div
class=
"condition_top"
>
<div
class=
"gendisplay condition_state"
>
<div
class=
"gendisplay condition_state"
>
<div
class=
"gendisplay"
>
<div
class=
"gendisplay"
>
<page-screen
:screenlist=
"timeTypelist"
:labelWidth=
"
true
"
:screenchildListIf=
"true"
ref=
"projecttimechild"
titleName=
"活动时间"
@
changecheck=
"timestateData"
></page-screen>
<page-screen
:screenlist=
"timeTypelist"
:labelWidth=
"
75
"
:screenchildListIf=
"true"
ref=
"projecttimechild"
titleName=
"活动时间"
@
changecheck=
"timestateData"
></page-screen>
<el-date-picker
<el-date-picker
style=
"margin-top: 10px;"
style=
"margin: 10px 0 0 10px;"
class=
"eventDatepicker"
v-model=
"searchsTitme"
v-model=
"searchsTitme"
value-format=
"yyyy-MM-dd"
value-format=
"yyyy-MM-dd"
@
change=
"searchsTitmement"
@
change=
"searchsTitmement"
...
@@ -39,11 +40,11 @@
...
@@ -39,11 +40,11 @@
<p
v-if=
"activityContact.contactImg"
@
click=
"vueQrVisible = true"
class=
"condition_state_btn"
slot=
"reference"
><span>
免费发布活动
</span></p>
<p
v-if=
"activityContact.contactImg"
@
click=
"vueQrVisible = true"
class=
"condition_state_btn"
slot=
"reference"
><span>
免费发布活动
</span></p>
</div>
</div>
<div>
<div>
<page-screen
:style=
"Citychecked?'':'height: 50px;overflow: hidden;'"
:screenlist=
"getHotCitylist"
:labelWidth=
"
true
"
:screenchildListIf=
"true"
ref=
"projectCitychild"
titleName=
"活动区域"
@
changecheck=
"projectCityData"
></page-screen>
<page-screen
:style=
"Citychecked?'':'height: 50px;overflow: hidden;'"
:screenlist=
"getHotCitylist"
:labelWidth=
"
75
"
:screenchildListIf=
"true"
ref=
"projectCitychild"
titleName=
"活动区域"
@
changecheck=
"projectCityData"
></page-screen>
<i
class=
"iconfont"
@
click=
"Citychecked = !Citychecked"
:class=
"Citychecked?'icon-xiala-copy':'icon-xiala'"
></i>
<i
class=
"iconfont"
@
click=
"Citychecked = !Citychecked"
:class=
"Citychecked?'icon-xiala-copy':'icon-xiala'"
></i>
</div>
</div>
<div>
<div>
<page-screen
:style=
"groupchecked?'':'height: 50px;overflow: hidden;'"
:screenlist=
"groupalllist"
:labelWidth=
"
true
"
:screenchildListIf=
"false"
ref=
"projectstatechild"
titleName=
"行业标签"
@
changecheck=
"projectstateData"
></page-screen>
<page-screen
:style=
"groupchecked?'':'height: 50px;overflow: hidden;'"
:screenlist=
"groupalllist"
:labelWidth=
"
75
"
:screenchildListIf=
"false"
ref=
"projectstatechild"
titleName=
"行业标签"
@
changecheck=
"projectstateData"
></page-screen>
<i
class=
"iconfont"
@
click=
"groupchecked = !groupchecked"
:class=
"groupchecked?'icon-xiala-copy':'icon-xiala'"
></i>
<i
class=
"iconfont"
@
click=
"groupchecked = !groupchecked"
:class=
"groupchecked?'icon-xiala-copy':'icon-xiala'"
></i>
</div>
</div>
</div>
</div>
...
@@ -99,7 +100,7 @@
...
@@ -99,7 +100,7 @@
<span>
没有找到相应的活动,请更换筛选条件!
</span>
<span>
没有找到相应的活动,请更换筛选条件!
</span>
</div>
</div>
<div
v-else
class=
"content_btn"
>
<div
v-else
class=
"content_btn"
>
<p
v-if=
"sizeListResult > searchs.pageIndex"
@
click=
"load"
>
查看更多活动
</p>
<p
v-if=
"sizeListResult > searchs.pageIndex"
@
click=
"load"
class=
"mouseHover"
>
查看更多活动
</p>
<span
v-else
>
没有更多活动数据了
</span>
<span
v-else
>
没有更多活动数据了
</span>
</div>
</div>
</div>
</div>
...
@@ -117,7 +118,7 @@
...
@@ -117,7 +118,7 @@
</el-col>
</el-col>
</el-row>
</el-row>
</div>
</div>
<div
class=
"left_tabs"
>
<div
class=
"left_tabs"
style=
"margin: 0;"
>
<div
class=
"left_tabs_title"
>
<div
class=
"left_tabs_title"
>
<p>
<p>
<span>
内容推荐
<i></i></span>
<span>
内容推荐
<i></i></span>
...
@@ -639,6 +640,7 @@
...
@@ -639,6 +640,7 @@
line-height
:
56px
;
line-height
:
56px
;
color
:
#ffffff
;
color
:
#ffffff
;
padding
:
0
15px
;
padding
:
0
15px
;
border-radius
:
3px
;
background
:
linear-gradient
(
180deg
,
rgba
(
26
,
26
,
30
,
0
)
0%
,
rgba
(
26
,
26
,
30
,
0
.7
)
100%
);
background
:
linear-gradient
(
180deg
,
rgba
(
26
,
26
,
30
,
0
)
0%
,
rgba
(
26
,
26
,
30
,
0
.7
)
100%
);
}
}
}
}
...
@@ -672,6 +674,7 @@
...
@@ -672,6 +674,7 @@
line-height
:
30px
;
line-height
:
30px
;
color
:
#ffffff
;
color
:
#ffffff
;
padding
:
0
15px
;
padding
:
0
15px
;
border-radius
:
3px
;
background
:
linear-gradient
(
180deg
,
rgba
(
26
,
26
,
30
,
0
)
0%
,
rgba
(
26
,
26
,
30
,
0
.7
)
100%
);
background
:
linear-gradient
(
180deg
,
rgba
(
26
,
26
,
30
,
0
)
0%
,
rgba
(
26
,
26
,
30
,
0
.7
)
100%
);
}
}
}
}
...
@@ -689,17 +692,17 @@
...
@@ -689,17 +692,17 @@
}
}
.condition_top
{
.condition_top
{
background
:
#ffffff
;
background
:
#ffffff
;
padding
:
1
4px
20px
14
px
0
;
padding
:
1
0px
20px
10
px
0
;
border-radius
:
4
px
;
border-radius
:
3
px
;
margin
:
20px
0
;
margin
:
20px
0
;
border-radius
:
4px
;
>
div
{
>
div
{
position
:
relative
;
position
:
relative
;
margin-left
:
10px
;
>
i
{
>
i
{
font-size
:
12px
;
font-size
:
12px
;
display
:
inline-block
;
display
:
inline-block
;
cursor
:
pointer
;
cursor
:
pointer
;
padding-top
:
24
px
;
padding-top
:
18
px
;
position
:
absolute
;
position
:
absolute
;
top
:
0px
;
top
:
0px
;
right
:
0px
;
right
:
0px
;
...
@@ -713,6 +716,7 @@
...
@@ -713,6 +716,7 @@
width
:
140px
;
width
:
140px
;
text-align
:
right
;
text-align
:
right
;
>
span
{
>
span
{
font-weight
:
bold
;
display
:
inline-block
;
display
:
inline-block
;
padding
:
0
28px
;
padding
:
0
28px
;
color
:
#ffffff
;
color
:
#ffffff
;
...
@@ -733,7 +737,7 @@
...
@@ -733,7 +737,7 @@
overflow
:
hidden
;
overflow
:
hidden
;
margin-bottom
:
20px
;
margin-bottom
:
20px
;
border
:
1px
solid
#F2F2F2
;
border
:
1px
solid
#F2F2F2
;
border-radius
:
4
px
;
border-radius
:
3
px
;
background
:
#ffffff
;
background
:
#ffffff
;
text-align
:
left
;
text-align
:
left
;
position
:
relative
;
position
:
relative
;
...
@@ -773,7 +777,7 @@
...
@@ -773,7 +777,7 @@
>
p
:nth-child
(
3
)
{
>
p
:nth-child
(
3
)
{
color
:
#9197B4
;
color
:
#9197B4
;
font-size
:
12px
;
font-size
:
12px
;
margin
:
0px
0px
8px
10px
;
margin
:
0px
1
0px
8px
10px
;
text-align
:
left
;
text-align
:
left
;
line-height
:
20px
;
line-height
:
20px
;
}
}
...
@@ -835,7 +839,7 @@
...
@@ -835,7 +839,7 @@
width
:
220px
;
width
:
220px
;
height
:
46px
;
height
:
46px
;
cursor
:
pointer
;
cursor
:
pointer
;
border-radius
:
4
px
;
border-radius
:
3
px
;
background
:
#ffffff
;
background
:
#ffffff
;
color
:
#1A1A1E
;
color
:
#1A1A1E
;
line-height
:
46px
;
line-height
:
46px
;
...
@@ -853,8 +857,8 @@
...
@@ -853,8 +857,8 @@
background
:
#ffffff
;
background
:
#ffffff
;
padding
:
20px
;
padding
:
20px
;
overflow
:
hidden
;
overflow
:
hidden
;
border-radius
:
10
px
;
border-radius
:
4
px
;
margin-bottom
:
15
px
;
margin-bottom
:
20
px
;
&
.left_tabs_title
{
&
.left_tabs_title
{
>
p
{
>
p
{
line-height
:
28px
;
line-height
:
28px
;
...
@@ -881,14 +885,14 @@
...
@@ -881,14 +885,14 @@
}
}
.partner_content
{
.partner_content
{
.partnerBanner_Img
{
.partnerBanner_Img
{
padding
:
10px
;
/*padding: 10px;*/
margin-top
:
20px
;
margin-top
:
20px
;
width
:
176px
;
width
:
176px
;
height
:
76px
;
height
:
76px
;
border
:
1px
solid
#E8E8E8
;
border
:
1px
solid
#E8E8E8
;
>
img
{
>
img
{
width
:
1
00%
;
width
:
1
74px
;
height
:
40
px
;
height
:
74
px
;
}
}
}
}
}
}
...
@@ -920,8 +924,8 @@
...
@@ -920,8 +924,8 @@
cursor
:
pointer
;
cursor
:
pointer
;
>
p
{
>
p
{
color
:
#7A7A7A
;
color
:
#7A7A7A
;
font-size
:
1
2
px
;
font-size
:
1
4
px
;
line-height
:
2
4
px
;
line-height
:
2
2
px
;
height
:
48px
;
height
:
48px
;
overflow
:
hidden
;
overflow
:
hidden
;
}
}
...
@@ -937,6 +941,7 @@
...
@@ -937,6 +941,7 @@
}
}
.recommend_fenxiang
{
.recommend_fenxiang
{
color
:
#5D78FF
;
color
:
#5D78FF
;
padding-top
:
2px
;
text-align
:
right
;
text-align
:
right
;
>
i
{
>
i
{
display
:
inline-block
;
display
:
inline-block
;
...
...
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