Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
html
/
h5wandahuijia
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Wiki
Members
Activity
Graph
Charts
Create a new issue
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
b0c19e39
authored
May 10, 2019
by
mamingqun
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改
parent
af04d525
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
739 additions
and
716 deletions
+739
-716
src/components/Description.vue
+302
-278
src/modules/js/api.js
+20
-20
src/pages/index/Shouye.vue
+1
-1
src/pages/index/assets/images/shuoming/bottomBar.png
+0
-0
src/pages/index/assets/images/shuoming/middleBar.png
+0
-0
src/pages/index/assets/images/shuoming/topBar.png
+0
-0
src/pages/user/User.vue
+416
-417
No files found.
src/components/Description.vue
View file @
b0c19e39
<
template
>
<
template
>
<div
class=
"mainBox"
>
<div
class=
"mainBox"
>
<!--
<div
class=
"topBox5686"
></div>
-->
<!--
<div
class=
"topBox5686"
></div>
-->
<div
class=
"goHome"
@
click=
"goHome"
></div>
<div
class=
"goHome"
@
click=
"goHome"
></div>
<div
class=
"contentWrap"
>
<div
class=
"contentWrap"
>
<div
class=
"contentBox"
v-if=
"ruleInfo"
>
<div
class=
"contentBox"
v-if=
"ruleInfo"
>
<div
class=
"shuomingTitle"
></div>
<div
class=
"shuomingTitle"
></div>
<div
class=
"text1"
v-html=
"ruleInfo.zhuti"
>
<div
class=
"text1"
>
<!--
<p>
以“春节回家”为主题方向,有奖征集与万达人和万达粉丝们春节回家过年相关的摄影作品。
</p>
<div
class=
"top"
></div>
<div
class=
"middle"
v-html=
"ruleInfo.zhuti"
></div>
<div
class=
"bottom"
></div>
<!--
<p>
以“春节回家”为主题方向,有奖征集与万达人和万达粉丝们春节回家过年相关的摄影作品。
</p>
<p>
反映春运返乡道路上的艰难与劳顿,回家后的放松与惬意,亲人团聚时刻的幸福和笑脸,传递亲人、爱人、朋友、同窗、战友等不同情感的动人瞬间和情感故事。
</p>
<p>
反映春运返乡道路上的艰难与劳顿,回家后的放松与惬意,亲人团聚时刻的幸福和笑脸,传递亲人、爱人、朋友、同窗、战友等不同情感的动人瞬间和情感故事。
</p>
<p>
投稿作品要求立意鲜明、形象生动、情感真切,有较强的视觉表现力。
</p>
-->
<p>
投稿作品要求立意鲜明、形象生动、情感真切,有较强的视觉表现力。
</p>
-->
</div>
</div>
<div
class=
"text5"
>
<div
class=
"text5"
>
<div
class=
"title"
></div>
<div
class=
"title"
></div>
<div
v-html=
"ruleInfo.cansai"
>
<div
v-html=
"ruleInfo.cansai"
>
<!--
<p>
参赛作品征集时间
<!--
<p>
参赛作品征集时间
<br>
2019年1月28日(小年)至2019年2月25日(正月廿一)
<br>
2019年1月28日(小年)至2019年2月25日(正月廿一)
</p>
</p>
<p>
入围作品公布时间
<p>
入围作品公布时间
...
@@ -25,18 +28,18 @@
...
@@ -25,18 +28,18 @@
<p>
投稿及评选说明
<p>
投稿及评选说明
<br>
投稿者将作品上传至该平台即可参赛。
<br>
投稿者将作品上传至该平台即可参赛。
<br>
鼓励投稿作品为新近拍摄,每位投稿者上传作品件数不限,单幅及组照(至少5张单幅作品构成的系列作品)均算作1件。
<br>
鼓励投稿作品为新近拍摄,每位投稿者上传作品件数不限,单幅及组照(至少5张单幅作品构成的系列作品)均算作1件。
</p>
-->
</p>
-->
</div>
</div>
</div>
</div>
<div
class=
"text2"
>
<div
class=
"text2"
>
<div
class=
"bar3"
v-for=
"(item, index) in ruleInfo.jiangpin"
:key=
"index"
>
<div
class=
"bar3"
v-for=
"(item, index) in ruleInfo.jiangpin"
:key=
"index"
>
<div
class=
"rank"
>
<div
class=
"rank"
>
<span>
{{
item
.
name
}}
</span>
<span>
{{
item
.
name
}}
</span>
<span>
{{
item
.
num
}}
名
</span>
<span>
{{
item
.
num
}}
名
</span>
</div>
</div>
<div
class=
"prize lightBlue"
>
{{
item
.
prize
}}
</div>
<div
class=
"prize lightBlue"
>
{{
item
.
prize
}}
</div>
</div>
</div>
<!--
<div
class=
"bar3"
>
<!--
<div
class=
"bar3"
>
<div
class=
"rank"
>
<div
class=
"rank"
>
<span>
金奖
</span>
<span>
金奖
</span>
<span>
1名
</span>
<span>
1名
</span>
...
@@ -63,14 +66,14 @@
...
@@ -63,14 +66,14 @@
<span>
10名
</span>
<span>
10名
</span>
</div>
</div>
<div
class=
"prize lightBlue"
>
万达影院电影票2张
</div>
<div
class=
"prize lightBlue"
>
万达影院电影票2张
</div>
</div>
-->
</div>
-->
</div>
</div>
<!--
<div
class=
"text3"
>
<!--
<div
class=
"text3"
>
<p>
征稿时间:2019.1.1-2019.1.1
</p>
<p>
征稿时间:2019.1.1-2019.1.1
</p>
<p>
评选时间:2019.1.1-2019.1.1
</p>
<p>
评选时间:2019.1.1-2019.1.1
</p>
<p>
获奖公示:2019.1.1
</p>
<p>
获奖公示:2019.1.1
</p>
</div>
-->
</div>
-->
<!--
<div
class=
"text4"
>
<!--
<div
class=
"text4"
>
<div
class=
"title"
></div>
<div
class=
"title"
></div>
<div
class=
"dunk"
>
<div
class=
"dunk"
>
<div
class=
"dunkTitle"
>
拍摄万达建筑影像
</div>
<div
class=
"dunkTitle"
>
拍摄万达建筑影像
</div>
...
@@ -88,11 +91,11 @@
...
@@ -88,11 +91,11 @@
<div
class=
"dunkTitle"
>
征集与万达相关的老照片
</div>
<div
class=
"dunkTitle"
>
征集与万达相关的老照片
</div>
<p>
万达集团成立这30年来,一张张万达老照片记录了时代的轨迹,见证了城市的发展,万达陪你一起看见光阴的故事。拿出你手中珍藏的老照片,让我们知道你与万达不得不说的故事。
</p>
<p>
万达集团成立这30年来,一张张万达老照片记录了时代的轨迹,见证了城市的发展,万达陪你一起看见光阴的故事。拿出你手中珍藏的老照片,让我们知道你与万达不得不说的故事。
</p>
</div>
</div>
</div>
-->
</div>
-->
<div
class=
"text6"
>
<div
class=
"text6"
>
<div
class=
"title"
></div>
<div
class=
"title"
></div>
<div
v-html=
"ruleInfo.xize"
>
<div
v-html=
"ruleInfo.xize"
>
<!--
<p>
1、中国各省、市、自治区(含港、澳、台地区)摄影人均可投稿。
</p>
<!--
<p>
1、中国各省、市、自治区(含港、澳、台地区)摄影人均可投稿。
</p>
<p>
2、鼓励投稿者提交新近拍摄的作品。单幅、组照均可(组照不少于5张的单幅图片组成,并标明序号,并附文字说明),单幅及组照按1件计算。投稿作品需为jpg格式,单张照片宽度需大于1000px,文件大小不超过2M。
</p>
<p>
2、鼓励投稿者提交新近拍摄的作品。单幅、组照均可(组照不少于5张的单幅图片组成,并标明序号,并附文字说明),单幅及组照按1件计算。投稿作品需为jpg格式,单张照片宽度需大于1000px,文件大小不超过2M。
</p>
<p>
3、投稿者应实名投稿。
</p>
<p>
3、投稿者应实名投稿。
</p>
<p>
4、本次征集谢绝电脑创意作品,不得对原始图像进行任何足以影响其真实性判断的改动。
</p>
<p>
4、本次征集谢绝电脑创意作品,不得对原始图像进行任何足以影响其真实性判断的改动。
</p>
...
@@ -100,288 +103,309 @@
...
@@ -100,288 +103,309 @@
<p>
6、投稿者应保证其为所投送作品的作者,并对该作品的整体及局部均拥有独立、完整、明确、无争议的著作权;投稿者还应保证其所投送的作品不侵犯第三人的包括著作权、肖像权、名誉权、隐私权等在内的合法权益。投稿者应承担由其稿件及投稿行为所引发的一切后果与责任。
</p>
<p>
6、投稿者应保证其为所投送作品的作者,并对该作品的整体及局部均拥有独立、完整、明确、无争议的著作权;投稿者还应保证其所投送的作品不侵犯第三人的包括著作权、肖像权、名誉权、隐私权等在内的合法权益。投稿者应承担由其稿件及投稿行为所引发的一切后果与责任。
</p>
<p>
7、本次摄影征集活动不收投稿费,不退稿。
</p>
<p>
7、本次摄影征集活动不收投稿费,不退稿。
</p>
<p>
8、对于所有入选作品,主办、承办方有权在著作权存续期内,以复制、发行、展览、放映、信息网络传播等方式用于非商业性的宣传,并不再支付稿酬。
</p>
<p>
8、对于所有入选作品,主办、承办方有权在著作权存续期内,以复制、发行、展览、放映、信息网络传播等方式用于非商业性的宣传,并不再支付稿酬。
</p>
<p>
9、本征稿启事解释权属于主办单位。凡投稿者,即视为其已同意本征稿启事之所有规定。
</p>
-->
<p>
9、本征稿启事解释权属于主办单位。凡投稿者,即视为其已同意本征稿启事之所有规定。
</p>
-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
import
store
from
'../modules/store/index'
;
import
store
from
'../modules/store/index'
;
export
default
{
export
default
{
computed
:
{
computed
:
{
ruleInfo
()
{
ruleInfo
()
{
if
(
store
.
state
.
publicActiveInfo
)
{
if
(
store
.
state
.
publicActiveInfo
)
{
return
store
.
state
.
publicActiveInfo
.
rule
return
store
.
state
.
publicActiveInfo
.
rule
}
else
{
}
else
{
return
null
return
null
}
}
}
}
},
},
methods
:
{
methods
:
{
goHome
()
{
goHome
()
{
this
.
$router
.
push
({
path
:
'/'
});
this
.
$router
.
push
({
path
:
'/'
});
}
}
},
},
store
store
}
}
</
script
>
</
script
>
<
style
lang=
"scss"
>
<
style
lang=
"scss"
>
.dingwei
{
.dingwei
{
position
:
relative
;
position
:
relative
;
top
:
-10px
;
top
:
-10px
;
}
}
.margintop30
{
.margintop30
{
padding-top
:
25px
;
padding-top
:
25px
;
}
}
.mainBox
{
.mainBox
{
width
:
100%
;
width
:
100%
;
background
:
white
;
background
:
white
;
font-size
:
28px
;
font-size
:
28px
;
padding-bottom
:
1px
;
padding-bottom
:
1px
;
.goHome
{
.goHome
{
width
:
56px
;
width
:
56px
;
height
:
56px
;
height
:
56px
;
background
:
url("~@/pages/index/assets/images/colse1.png")
no-repeat
;
background
:
url("~@/pages/index/assets/images/colse1.png")
no-repeat
;
background-size
:
contain
;
background-size
:
contain
;
position
:
absolute
;
position
:
absolute
;
top
:
60px
;
top
:
60px
;
right
:
40px
;
right
:
40px
;
}
}
.lightBlue
{
.lightBlue
{
color
:
#4f7bc5
;
color
:
#4f7bc5
;
}
.black
{
color
:
black
;
font-weight
:
bold
;
}
.topBox5686
{
height
:
310px
;
background
:
url("~@/pages/index/assets/images/indexBanner.jpg")
no-repeat
;
background-size
:
100%
auto
;
position
:
relative
;
}
.contentWrap
{
background
:
linear-gradient
(
#ddf2fd
,
white
40%
);
}
.contentBox
{
padding-left
:
44px
;
padding-right
:
44px
;
padding-top
:
38px
;
padding-bottom
:
40px
;
//
background
:
url("~@/pages/index/assets/images/shuoming/bglogo.png")
//
no-repeat
top
1%
right
;
//
background-size
:
31%
auto
;
.shuomingTitle
{
height
:
82px
;
background
:
url("~@/pages/index/assets/images/shuoming/shuodongshuoming.png")
no-repeat
center
;
background-size
:
auto
100%
;
margin-bottom
:
38px
;
}
}
.black
{
.text1
{
color
:
black
;
//
height
:
555px
;
font-weight
:
bold
;
//
background
:
url("~@/pages/index/assets/images/shuoming/text1.png")
no-repeat
center
;
}
background-size
:
100%
auto
;
//
padding-left
:
40px
;
//
padding-right
:
40px
;
padding-top
:
55px
;
margin-bottom
:
47px
;
.top
{
background
:
url("~@/pages/index/assets/images/shuoming/topBar.png")
no-repeat
center
bottom
;
background-size
:
contain
;
height
:
60px
;
}
.topBox5686
{
.middle
{
height
:
310px
;
background
:
url("~@/pages/index/assets/images/shuoming/middleBar.png")
background
:
url("~@/pages/index/assets/images/indexBanner.jpg")
repeat-y
center
;
no-repeat
;
background-size
:
contain
;
background-size
:
100%
auto
;
padding-left
:
40px
;
padding-right
:
40px
;
padding-top
:
30px
;
}
.bottom
{
background
:
url("~@/pages/index/assets/images/shuoming/bottomBar.png")
no-repeat
center
top
;
height
:
60px
;
background-size
:
contain
;
position
:
relative
;
position
:
relative
;
top
:
-10px
;
}
p
{
line-height
:
48px
;
text-indent
:
2em
;
text-align
:
justify
;
margin-bottom
:
8px
;
}
}
}
.contentWrap
{
p
{
background
:
linear-gradient
(
#ddf2fd
,
white
40%
);
line-height
:
42px
;
text-indent
:
2em
;
text-align
:
justify
;
}
}
.contentBox
{
.text2
{
padding-left
:
44px
;
height
:
484px
;
padding-right
:
44px
;
background
:
url("~@/pages/index/assets/images/shuoming/text2.png")
padding-top
:
38px
;
no-repeat
center
;
padding-bottom
:
40px
;
background-size
:
100%
auto
;
//
background
:
url("~@/pages/index/assets/images/shuoming/bglogo.png")
padding-left
:
40px
;
//
no-repeat
top
1%
right
;
padding-right
:
40px
;
//
background-size
:
31%
auto
;
padding-top
:
70px
;
padding-bottom
:
30px
;
.shuomingTitle
{
display
:
flex
;
height
:
82px
;
flex-direction
:
row
;
background
:
url("~@/pages/index/assets/images/shuoming/shuodongshuoming.png")
flex-wrap
:
wrap
;
no-repeat
center
;
justify-content
:
space-between
;
background-size
:
auto
100%
;
margin-bottom
:
45px
;
margin-bottom
:
38px
;
.bar1
{
width
:
100%
;
height
:
72px
;
line-height
:
72px
;
background
:
linear-gradient
(
#c7e3f0
40%
,
#b2cfec
);
border-radius
:
14px
;
padding-left
:
37px
;
}
.bar2
{
width
:
260px
;
height
:
126px
;
background
:
linear-gradient
(
#c7e3f0
40%
,
#b2cfec
);
border-radius
:
14px
;
padding-left
:
22px
;
padding-right
:
22px
;
padding-top
:
25px
;
.rank
{
display
:
flex
;
flex-direction
:
row
;
justify-content
:
space-between
;
}
}
.text1
{
.prize
{
height
:
555px
;
padding-top
:
20px
;
background
:
url("~@/pages/index/assets/images/shuoming/text1.png")
text-align
:
right
;
no-repeat
center
;
background-size
:
100%
auto
;
padding-left
:
40px
;
padding-right
:
40px
;
padding-top
:
55px
;
margin-bottom
:
47px
;
p
{
line-height
:
48px
;
text-indent
:
2em
;
text-align
:
justify
;
margin-bottom
:
8px
;
}
}
}
}
p
{
line-height
:
42px
;
.bar3
{
text-indent
:
2em
;
width
:
560px
;
text-align
:
justify
;
height
:
75px
;
background
:
linear-gradient
(
#c7e3f0
40%
,
#b2cfec
);
border-radius
:
14px
;
padding-left
:
22px
;
padding-right
:
22px
;
//
padding-top
:
25px
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
space-between
;
align-items
:
center
;
.rank
{
display
:
flex
;
flex-direction
:
row
;
justify-content
:
space-between
;
width
:
240px
;
//
background
:
red
;
}
}
.text2
{
.prize
{
height
:
484px
;
//
padding-top
:
20px
;
background
:
url("~@/pages/index/assets/images/shuoming/text2.png")
text-align
:
right
;
no-repeat
center
;
background-size
:
100%
auto
;
padding-left
:
40px
;
padding-right
:
40px
;
padding-top
:
70px
;
padding-bottom
:
30px
;
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
wrap
;
justify-content
:
space-between
;
margin-bottom
:
45px
;
.bar1
{
width
:
100%
;
height
:
72px
;
line-height
:
72px
;
background
:
linear-gradient
(
#c7e3f0
40%
,
#b2cfec
);
border-radius
:
14px
;
padding-left
:
37px
;
}
.bar2
{
width
:
260px
;
height
:
126px
;
background
:
linear-gradient
(
#c7e3f0
40%
,
#b2cfec
);
border-radius
:
14px
;
padding-left
:
22px
;
padding-right
:
22px
;
padding-top
:
25px
;
.rank
{
display
:
flex
;
flex-direction
:
row
;
justify-content
:
space-between
;
}
.prize
{
padding-top
:
20px
;
text-align
:
right
;
}
}
.bar3
{
width
:
560px
;
height
:
75px
;
background
:
linear-gradient
(
#c7e3f0
40%
,
#b2cfec
);
border-radius
:
14px
;
padding-left
:
22px
;
padding-right
:
22px
;
//
padding-top
:
25px
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
space-between
;
align-items
:
center
;
.rank
{
display
:
flex
;
flex-direction
:
row
;
justify-content
:
space-between
;
width
:
210px
;
//
background
:
red
;
}
.prize
{
//
padding-top
:
20px
;
text-align
:
right
;
}
}
}
}
}
}
.text3
{
.text3
{
height
:
225px
;
height
:
225px
;
background
:
url("~@/pages/index/assets/images/shuoming/shijian.png")
background
:
url("~@/pages/index/assets/images/shuoming/shijian.png")
no-repeat
center
;
no-repeat
center
;
background-size
:
100%
auto
;
background-size
:
100%
auto
;
padding-left
:
30px
;
padding-left
:
30px
;
padding-top
:
65px
;
padding-top
:
65px
;
margin-bottom
:
50px
;
margin-bottom
:
50px
;
}
}
.text4
{
.text4
{
margin-bottom
:
60px
;
margin-bottom
:
60px
;
.title
{
.title
{
height
:
36px
;
height
:
36px
;
background
:
url("~@/pages/index/assets/images/shuoming/zhenggao.png")
background
:
url("~@/pages/index/assets/images/shuoming/zhenggao.png")
no-repeat
left
;
no-repeat
left
;
background-size
:
auto
100%
;
background-size
:
auto
100%
;
margin-bottom
:
35px
;
margin-bottom
:
35px
;
}
}
.sub
{
.sub
{
margin-bottom
:
20px
;
margin-bottom
:
20px
;
}
}
.dunk
{
.dunk
{
background
:
#dfeefa
;
background
:
#dfeefa
;
border-radius
:
10px
;
border-radius
:
10px
;
padding-top
:
25px
;
padding-top
:
25px
;
padding-bottom
:
22px
;
padding-bottom
:
22px
;
margin-bottom
:
20px
;
margin-bottom
:
20px
;
.dunkTitle
{
.dunkTitle
{
color
:
#656d72
;
color
:
#656d72
;
font-size
:
31px
;
font-size
:
31px
;
font-weight
:
bold
;
font-weight
:
bold
;
margin-bottom
:
20px
;
margin-bottom
:
20px
;
padding-left
:
30px
;
padding-left
:
30px
;
background
:
url("~@/pages/index/assets/images/shuoming/point.png")
background
:
url("~@/pages/index/assets/images/shuoming/point.png")
no-repeat
left
center
;
no-repeat
left
center
;
background-size
:
auto
70%
;
background-size
:
auto
70%
;
margin-left
:
10px
;
margin-left
:
10px
;
}
p
{
padding-left
:
33px
;
padding-right
:
33px
;
text-indent
:
0
;
}
}
}
}
.text5
{
p
{
margin-bottom
:
46px
;
padding-left
:
33px
;
.title
{
padding-right
:
33px
;
height
:
36px
;
text-indent
:
0
;
background
:
url("~@/pages/index/assets/images/shuoming/guize.png")
no-repeat
left
;
background-size
:
auto
100%
;
margin-bottom
:
35px
;
}
p
{
margin-bottom
:
24px
;
text-indent
:
0
;
padding-left
:
30px
;
background
:
url("~@/pages/index/assets/images/shuoming/point.png")
no-repeat
left
top
5px
;
background-size
:
auto
23px
;
}
}
}
}
}
.text6
{
.text5
{
.title
{
margin-bottom
:
46px
;
height
:
36px
;
.title
{
background
:
url("~@/pages/index/assets/images/shuoming/banquan.png")
height
:
36px
;
no-repeat
left
;
background
:
url("~@/pages/index/assets/images/shuoming/guize.png")
background-size
:
auto
100%
;
no-repeat
left
;
margin-bottom
:
35px
;
background-size
:
auto
100%
;
}
margin-bottom
:
35px
;
}
p
{
text-indent
:
0
;
p
{
padding-left
:
30px
;
margin-bottom
:
24px
;
margin-bottom
:
30px
;
text-indent
:
0
;
//
line-height
:
50px
;
padding-left
:
30px
;
}
background
:
url("~@/pages/index/assets/images/shuoming/point.png")
}
no-repeat
left
top
5px
;
background-size
:
auto
23px
;
}
}
.text6
{
.title
{
height
:
36px
;
background
:
url("~@/pages/index/assets/images/shuoming/banquan.png")
no-repeat
left
;
background-size
:
auto
100%
;
margin-bottom
:
35px
;
}
p
{
text-indent
:
0
;
padding-left
:
30px
;
margin-bottom
:
30px
;
//
line-height
:
50px
;
}
}
}
}
}
}
</
style
>
</
style
>
src/modules/js/api.js
View file @
b0c19e39
import
store
from
'../store'
;
import
store
from
'../store'
;
// api地址
//
//
api地址
var
server
=
'http://web-comment.canskj.cn/new'
;
//
var server = 'http://web-comment.canskj.cn/new';
var
extra
=
'8'
;
//
var extra = '8';
//包装的地址
//
//
包装的地址
var
wrapHref
=
'http://web-comment.canskj.cn/home/contest/h5/8'
;
//
var wrapHref = 'http://web-comment.canskj.cn/home/contest/h5/8';
//首页地址
//
//
首页地址
var
indexHref
=
'http://web-comment.iyunfish.cn/home/contest/h5/8'
;
//
var indexHref = 'http://web-comment.iyunfish.cn/home/contest/h5/8';
// 个人中心地址
//
//
个人中心地址
var
userCenterHref
=
'http://web-comment.iyunfish.cn/home/contest/h5/newuser/8'
;
//
var userCenterHref = 'http://web-comment.iyunfish.cn/home/contest/h5/newuser/8';
var
shareImg
=
'http://web-comment.iyunfish.cn/home/contest/h5/static/share1.jpg'
;
//
var shareImg = 'http://web-comment.iyunfish.cn/home/contest/h5/static/share1.jpg';
//
//
api地址
// api地址
//
var server = 'http://wanda-qj.iyunfish.com/new';
var
server
=
'http://wanda-qj.iyunfish.com/new'
;
//
var extra = '8';
var
extra
=
'8'
;
//
//
包装的地址
//包装的地址
//
var wrapHref = 'http://wanda-qj.maxrocky.com/home/contest/h5/8';
var
wrapHref
=
'http://wanda-qj.maxrocky.com/home/contest/h5/8'
;
//
//
首页地址
//首页地址
//
var indexHref = 'http://wanda-qj.iyunfish.com/home/contest/h5/8';
var
indexHref
=
'http://wanda-qj.iyunfish.com/home/contest/h5/8'
;
//
//
个人中心地址
// 个人中心地址
//
var userCenterHref = 'http://wanda-qj.iyunfish.com/home/contest/h5/newuser/8';
var
userCenterHref
=
'http://wanda-qj.iyunfish.com/home/contest/h5/newuser/8'
;
//
var shareImg = 'http://wanda-qj.iyunfish.com/home/contest/h5/static/share1.jpg';
var
shareImg
=
'http://wanda-qj.iyunfish.com/home/contest/h5/static/share1.jpg'
;
export
default
{
export
default
{
...
...
src/pages/index/Shouye.vue
View file @
b0c19e39
...
@@ -204,7 +204,7 @@ export default {
...
@@ -204,7 +204,7 @@ export default {
var
_this
=
this
;
var
_this
=
this
;
//http://web-comment.canskj.cn/wandah5/activity/info
//http://web-comment.canskj.cn/wandah5/activity/info
//http://wanda-qj.iyunfish.com/wandah5/activity/info
//http://wanda-qj.iyunfish.com/wandah5/activity/info
axios
.
get
(
'http://w
eb-comment.canskj.cn
/wandah5/activity/info'
).
then
((
result
)
=>
{
axios
.
get
(
'http://w
anda-qj.iyunfish.com
/wandah5/activity/info'
).
then
((
result
)
=>
{
console
.
log
(
'活动的data'
)
console
.
log
(
'活动的data'
)
...
...
src/pages/index/assets/images/shuoming/bottomBar.png
0 → 100644
View file @
b0c19e39
2.89 KB
src/pages/index/assets/images/shuoming/middleBar.png
0 → 100644
View file @
b0c19e39
2.13 KB
src/pages/index/assets/images/shuoming/topBar.png
0 → 100644
View file @
b0c19e39
15.6 KB
src/pages/user/User.vue
View file @
b0c19e39
<
template
>
<
template
>
<section
class=
"bigWrap"
>
<section
class=
"bigWrap"
>
<div
class=
"topInof"
>
<div
class=
"topInof"
>
<div
class=
"goHome"
>
<div
class=
"goHome"
>
<a
:href=
"indexHref"
></a>
<a
:href=
"indexHref"
></a>
</div>
</div>
<div
class=
"left"
>
<div
class=
"left"
>
<div
class=
"imageBox"
>
<div
class=
"imageBox"
>
<img
:src=
"avatar"
alt
>
<img
:src=
"avatar"
alt
>
</div>
<div
class=
"userName"
>
{{
nickname
}}
</div>
</div>
<div
class=
"right"
>
<div
class=
"item dianzanshu"
>
<div
class=
"imageBox"
></div>
<div
class=
"text"
>
{{
point_num
}}
赞
</div>
</div>
<div
class=
"item dizhi"
>
<div
class=
"imageBox"
></div>
<div
class=
"text"
>
实名认证
</div>
<router-link
tag=
"a"
:to=
"
{path:'/address'}">
</router-link>
</div>
</div>
</div>
</div>
<div
class=
"contentBox"
>
<div
class=
"userName"
>
{{
nickname
}}
</div>
<div
class=
"subcontent"
ref=
"userBox"
v-if=
"userList.length"
>
</div>
<vue-waterfall-easy
<div
class=
"right"
>
ref=
"lastContent"
<div
class=
"item dianzanshu"
>
v-if=
"userList"
<div
class=
"imageBox"
></div>
:loadingDotStyle=
"userdot"
<div
class=
"text"
>
{{
point_num
}}
赞
</div>
:imgsArr=
"userList"
@
scrollReachBottom=
"getUserImgList"
>
<div
class=
"img-info"
slot-scope=
"props"
>
<Cardcommon
:dataV=
"props.value"
cartType=
"userCenter"
></Cardcommon>
</div>
<!--
<div
slot=
"waterfall-over"
>
没有更多了123~
</div>
-->
</vue-waterfall-easy>
<!--
<div
class=
"allLoaded"
v-if=
"userAllLoaded"
>
没有更多了~
</div>
-->
</div>
<div
v-else
class=
"subcontent"
ref=
"userBox"
>
<p
class=
"kong"
>
还没有上传过作品
</p>
</div>
</div>
</div>
</section>
<div
class=
"item dizhi"
>
<div
class=
"imageBox"
></div>
<div
class=
"text"
>
实名认证
</div>
<router-link
tag=
"a"
:to=
"
{path:'/address'}">
</router-link>
</div>
</div>
</div>
<div
class=
"contentBox"
>
<div
class=
"subcontent"
ref=
"userBox"
v-if=
"userList.length"
>
<vue-waterfall-easy
ref=
"lastContent"
v-if=
"userList"
:loadingDotStyle=
"userdot"
:imgsArr=
"userList"
@
scrollReachBottom=
"getUserImgList"
>
<div
class=
"img-info"
slot-scope=
"props"
>
<Cardcommon
:dataV=
"props.value"
cartType=
"userCenter"
></Cardcommon>
</div>
<!--
<div
slot=
"waterfall-over"
>
没有更多了123~
</div>
-->
</vue-waterfall-easy>
<!--
<div
class=
"allLoaded"
v-if=
"userAllLoaded"
>
没有更多了~
</div>
-->
</div>
<div
v-else
class=
"subcontent"
ref=
"userBox"
>
<p
class=
"kong"
>
还没有上传过作品
</p>
</div>
</div>
</section>
</
template
>
</
template
>
<
script
>
<
script
>
...
@@ -64,417 +64,415 @@ import $ from 'jquery';
...
@@ -64,417 +64,415 @@ import $ from 'jquery';
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
avatar
:
''
,
avatar
:
''
,
nickname
:
''
,
nickname
:
''
,
point_num
:
''
,
point_num
:
''
,
userList
:
''
,
userList
:
''
,
userPage
:
1
,
userPage
:
1
,
userAllLoaded
:
false
,
userAllLoaded
:
false
,
userdot
:
{
backgroundColor
:
'transparent'
},
userdot
:
{
backgroundColor
:
'transparent'
},
indexHref
:
''
indexHref
:
''
};
};
},
store
,
created
()
{
var
_this
=
this
axios
.
get
(
'http://wanda-qj.iyunfish.com/wandah5/activity/info'
).
then
((
result
)
=>
{
var
type
=
result
.
data
.
data
.
system_type
;
console
.
log
(
'活动的data'
);
console
.
log
(
result
.
data
.
data
);
window
.
windowIndexHref
=
result
.
data
.
data
.
indexHref
window
.
windowUserCenterHref
=
result
.
data
.
data
.
userCenterHref
window
.
windowWrapHref
=
result
.
data
.
data
.
weapHref
console
.
log
(
window
.
windowIndexHref
);
console
.
log
(
window
.
windowUserCenterHref
);
console
.
log
(
window
.
windowWrapHref
);
axios
.
defaults
.
headers
.
common
[
'systemtype'
]
=
type
;
$
(
'title'
).
text
(
result
.
data
.
data
.
title
);
store
.
commit
(
'getPublicActiveInfo'
);
store
.
commit
(
'getPublicShareInfo'
);
_this
.
getUserInfo
();
_this
.
getUserImgList
();
_this
.
indexHref
=
window
.
windowIndexHref
;
this
.
getWeixinPowerShare
();
}).
catch
((
err
)
=>
{
console
.
log
(
err
);
});
},
mounted
()
{
// this.getWeixinPowerShare();
$eventbus
.
$on
(
'dianzanle'
,
data
=>
{
this
.
tongbudianzan
(
this
.
userList
,
data
);
});
$eventbus
.
$on
(
'detelItem'
,
()
=>
{
this
.
getUserInfo
();
this
.
userList
=
false
;
this
.
userAllLoaded
=
false
;
this
.
userPage
=
1
;
this
.
getUserImgList
();
})
},
activated
()
{
setTimeout
(()
=>
{
this
.
getWeixinPowerShare
();
},
400
);
},
methods
:
{
tongbudianzan
(
arr
,
data
)
{
var
ele
=
arr
.
find
(
value
=>
{
return
value
.
id
===
data
.
id
;
});
if
(
ele
)
{
ele
.
point_num
+=
data
.
is_point
?
1
:
-
1
;
ele
.
is_point
=
data
.
is_point
;
this
.
getUserInfo
();
}
},
},
store
,
getUserInfo
()
{
created
()
{
axios
.
get
(
'/contest/user/info'
).
then
(
res
=>
{
this
.
avatar
=
res
.
data
.
data
.
avatar
;
var
_this
=
this
this
.
nickname
=
res
.
data
.
data
.
nickname
;
axios
.
get
(
'http://wanda-qj.iyunfish.com/wandah5/activity/info'
).
then
((
result
)
=>
{
this
.
point_num
=
res
.
data
.
data
.
point_num
;
var
type
=
result
.
data
.
data
.
system_type
;
});
console
.
log
(
'活动的data'
);
console
.
log
(
result
.
data
.
data
);
window
.
windowIndexHref
=
result
.
data
.
data
.
indexHref
window
.
windowUserCenterHref
=
result
.
data
.
data
.
userCenterHref
window
.
windowWrapHref
=
result
.
data
.
data
.
weapHref
console
.
log
(
window
.
windowIndexHref
);
console
.
log
(
window
.
windowUserCenterHref
);
console
.
log
(
window
.
windowWrapHref
);
axios
.
defaults
.
headers
.
common
[
'systemtype'
]
=
type
;
$
(
'title'
).
text
(
result
.
data
.
data
.
title
);
store
.
commit
(
'getPublicActiveInfo'
);
store
.
commit
(
'getPublicShareInfo'
);
_this
.
getUserInfo
();
_this
.
getUserImgList
();
_this
.
indexHref
=
window
.
windowIndexHref
;
this
.
getWeixinPowerShare
();
}).
catch
((
err
)
=>
{
console
.
log
(
err
);
});
},
},
mounted
()
{
getUserImgList
()
{
// this.getWeixinPowerShare();
axios
.
get
(
'/contest/user/image/list'
,
{
$eventbus
.
$on
(
'dianzanle'
,
data
=>
{
params
:
{
this
.
tongbudianzan
(
this
.
userList
,
data
);
page
:
this
.
userPage
});
}
$eventbus
.
$on
(
'detelItem'
,
()
=>
{
this
.
getUserInfo
();
this
.
userList
=
false
;
this
.
userAllLoaded
=
false
;
this
.
userPage
=
1
;
this
.
getUserImgList
();
})
})
.
then
(
res
=>
{
var
arr
=
res
.
data
.
data
.
data
;
var
newArr
=
this
.
addSrc
(
arr
);
if
(
arr
.
length
===
0
)
{
return
;
}
if
(
arr
.
length
<
res
.
data
.
data
.
size
)
{
this
.
userAllLoaded
=
true
;
this
.
userdot
=
{
backgroundColor
:
'transparent'
};
}
if
(
this
.
userList
)
{
this
.
userList
=
this
.
userList
.
concat
(
newArr
);
}
else
{
this
.
userList
=
newArr
;
}
this
.
userPage
++
;
});
},
},
activated
()
{
addSrc
(
arr
)
{
setTimeout
(()
=>
{
arr
.
forEach
(
ele
=>
{
this
.
getWeixinPowerShare
();
ele
[
'src'
]
=
ele
.
image
;
},
400
);
});
return
arr
;
},
},
methods
:
{
getWeixinPowerShare
()
{
tongbudianzan
(
arr
,
data
)
{
var
_this
=
this
;
var
ele
=
arr
.
find
(
value
=>
{
axios
return
value
.
id
===
data
.
id
;
.
get
(
'/contest/wechat/info'
,
{
});
params
:
{
if
(
ele
)
{
url
:
encodeURIComponent
(
location
.
href
.
split
(
'#'
)[
0
]),
ele
.
point_num
+=
data
.
is_point
?
1
:
-
1
;
type
:
1
ele
.
is_point
=
data
.
is_point
;
}
this
.
getUserInfo
();
})
}
.
then
(
res
=>
{
},
getUserInfo
()
{
var
res
=
res
.
data
.
data
;
axios
.
get
(
'/contest/user/info'
).
then
(
res
=>
{
var
listArr
=
[
this
.
avatar
=
res
.
data
.
data
.
avatar
;
'updateAppMessageShareData'
,
this
.
nickname
=
res
.
data
.
data
.
nickname
;
'updateTimelineShareData'
,
this
.
point_num
=
res
.
data
.
data
.
point_num
;
'onMenuShareTimeline'
,
});
'onMenuShareAppMessage'
,
},
'onMenuShareQQ'
,
getUserImgList
()
{
'onMenuShareWeibo'
,
axios
'onMenuShareQZone'
.
get
(
'/contest/user/image/list'
,
{
];
params
:
{
page
:
this
.
userPage
wx
.
config
({
}
debug
:
false
,
// 开启调试模式,
})
appId
:
res
.
appId
,
// 必填,企业号的唯一标识,此处填写企业号corpid
.
then
(
res
=>
{
timestamp
:
res
.
timestamp
,
// 必填,生成签名的时间戳
var
arr
=
res
.
data
.
data
.
data
;
nonceStr
:
res
.
nonceStr
,
// 必填,生成签名的随机串
var
newArr
=
this
.
addSrc
(
arr
);
signature
:
res
.
signature
,
// 必填,签名,见附录1
jsApiList
:
listArr
if
(
arr
.
length
===
0
)
{
});
return
;
}
wx
.
ready
(()
=>
{
if
(
arr
.
length
<
res
.
data
.
data
.
size
)
{
wx
.
checkJsApi
({
this
.
userAllLoaded
=
true
;
jsApiList
:
listArr
,
this
.
userdot
=
{
backgroundColor
:
'transparent'
};
success
:
function
(
res
)
{
}
// 以键值对的形式返回,可用的api值true,不可用为false
// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
if
(
this
.
userList
)
{
}
this
.
userList
=
this
.
userList
.
concat
(
newArr
);
}
else
{
this
.
userList
=
newArr
;
}
this
.
userPage
++
;
});
},
addSrc
(
arr
)
{
arr
.
forEach
(
ele
=>
{
ele
[
'src'
]
=
ele
.
image
;
});
return
arr
;
},
getWeixinPowerShare
()
{
var
_this
=
this
;
axios
.
get
(
'/contest/wechat/info'
,
{
params
:
{
url
:
encodeURIComponent
(
location
.
href
.
split
(
'#'
)[
0
]),
type
:
1
}
})
.
then
(
res
=>
{
var
res
=
res
.
data
.
data
;
var
listArr
=
[
'updateAppMessageShareData'
,
'updateTimelineShareData'
,
'onMenuShareTimeline'
,
'onMenuShareAppMessage'
,
'onMenuShareQQ'
,
'onMenuShareWeibo'
,
'onMenuShareQZone'
];
wx
.
config
({
debug
:
false
,
// 开启调试模式,
appId
:
res
.
appId
,
// 必填,企业号的唯一标识,此处填写企业号corpid
timestamp
:
res
.
timestamp
,
// 必填,生成签名的时间戳
nonceStr
:
res
.
nonceStr
,
// 必填,生成签名的随机串
signature
:
res
.
signature
,
// 必填,签名,见附录1
jsApiList
:
listArr
});
wx
.
ready
(()
=>
{
wx
.
checkJsApi
({
jsApiList
:
listArr
,
success
:
function
(
res
)
{
// 以键值对的形式返回,可用的api值true,不可用为false
// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
}
});
// // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)
wx
.
updateAppMessageShareData
(
{
title
:
tools
.
randomShareTitle
(),
// 分享标题
desc
:
tools
.
randomShareDesc
(),
// 分享描述
link
:
window
.
windowWrapHref
,
// 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl
:
this
.
$store
.
state
.
publicShareInfo
.
image
// 分享图标
},
function
(
res
)
{
//这里是回调函数
}
);
// // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0)
wx
.
updateTimelineShareData
(
{
title
:
tools
.
randomShareTitle
(),
// 分享标题
link
:
window
.
windowWrapHref
,
// 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl
:
this
.
$store
.
state
.
publicShareInfo
.
image
// 分享图标
},
function
(
res
)
{
//这里是回调函数
}
);
});
wx
.
error
(
function
(
res
)
{
// console.log('微信错误');
// console.log(res);
});
})
.
catch
(
err
=>
{
// console.log('请求的错误');
// console.log(err);
});
},
getshareId
(
str
)
{
var
arr
=
str
.
split
(
'?'
);
var
newArr
=
arr
[
1
].
split
(
'&'
);
var
id
=
null
;
newArr
.
forEach
(
ele
=>
{
if
(
ele
.
includes
(
'shareId'
))
{
id
=
ele
.
match
(
/
\d
+/g
)[
0
];
}
});
});
return
id
;
// // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)
},
wx
.
updateAppMessageShareData
(
hiddenBar
()
{
{
document
.
addEventListener
(
"WeixinJSBridgeReady"
,
function
onBridgeReady
()
{
title
:
tools
.
randomShareTitle
(),
// 分享标题
WeixinJSBridge
.
call
(
"hideToolbar"
);
// 隐藏底部状态栏
desc
:
tools
.
randomShareDesc
(),
// 分享描述
// WeixinJSBridge.call("hideOptionMenu"); // 隐藏右上角的三个点的选项
link
:
window
.
windowWrapHref
,
// 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
// WeixinJSBridge.call("showToolbar"); // 显示底部状态栏
imgUrl
:
this
.
$store
.
state
.
publicShareInfo
.
image
// 分享图标
// WeixinJSBridge.call("showOptionMenu"); // 显示右上角的三个点的选项
},
});
function
(
res
)
{
},
//这里是回调函数
},
}
components
:
{
);
Cardcommon
,
vueWaterfallEasy
// // 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0)
wx
.
updateTimelineShareData
(
{
title
:
tools
.
randomShareTitle
(),
// 分享标题
link
:
window
.
windowWrapHref
,
// 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl
:
this
.
$store
.
state
.
publicShareInfo
.
image
// 分享图标
},
function
(
res
)
{
//这里是回调函数
}
);
});
wx
.
error
(
function
(
res
)
{
// console.log('微信错误');
// console.log(res);
});
})
.
catch
(
err
=>
{
// console.log('请求的错误');
// console.log(err);
});
},
},
beforeRouteLeave
(
to
,
from
,
next
)
{
getshareId
(
str
)
{
try
{
var
arr
=
str
.
split
(
'?'
);
this
.
userBox
=
this
.
$refs
.
userBox
.
getElementsByClassName
(
'vue-waterfall-easy-scroll'
)[
0
];
var
newArr
=
arr
[
1
].
split
(
'&'
);
let
userY
=
this
.
userBox
.
scrollTop
;
store
.
commit
(
'changeUserBoxScrollY'
,
userY
);
var
id
=
null
;
}
catch
(
error
)
{
newArr
.
forEach
(
ele
=>
{
console
.
log
(
error
);
if
(
ele
.
includes
(
'shareId'
))
{
id
=
ele
.
match
(
/
\d
+/g
)[
0
];
}
}
});
return
id
;
next
();
},
hiddenBar
()
{
document
.
addEventListener
(
"WeixinJSBridgeReady"
,
function
onBridgeReady
()
{
WeixinJSBridge
.
call
(
"hideToolbar"
);
// 隐藏底部状态栏
// WeixinJSBridge.call("hideOptionMenu"); // 隐藏右上角的三个点的选项
// WeixinJSBridge.call("showToolbar"); // 显示底部状态栏
// WeixinJSBridge.call("showOptionMenu"); // 显示右上角的三个点的选项
});
},
},
activated
()
{
},
try
{
components
:
{
this
.
userBox
.
scrollTop
=
this
.
$store
.
state
.
userBoxScroll
;
Cardcommon
,
}
catch
(
error
)
{
}
vueWaterfallEasy
},
beforeRouteLeave
(
to
,
from
,
next
)
{
try
{
this
.
userBox
=
this
.
$refs
.
userBox
.
getElementsByClassName
(
'vue-waterfall-easy-scroll'
)[
0
];
let
userY
=
this
.
userBox
.
scrollTop
;
store
.
commit
(
'changeUserBoxScrollY'
,
userY
);
}
catch
(
error
)
{
console
.
log
(
error
);
}
}
next
();
},
activated
()
{
try
{
this
.
userBox
.
scrollTop
=
this
.
$store
.
state
.
userBoxScroll
;
}
catch
(
error
)
{
}
}
};
};
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.bigWrap
{
.bigWrap
{
height
:
100%
;
height
:
100%
;
display
:
flex
;
display
:
flex
;
flex-direction
:
column
;
flex-direction
:
column
;
}
}
.topInof
{
.topInof
{
height
:
300px
;
height
:
300px
;
background
:
url("~@/pages/user/assets/images/topbg.png")
no-repeat
;
background
:
url("~@/pages/user/assets/images/topbg.png")
no-repeat
;
background-size
:
100%
auto
;
background-position
:
center
;
position
:
relative
;
.goHome
{
width
:
40px
;
height
:
40px
;
background
:
url("~@/pages/user/assets/images/gohome.png")
no-repeat
;
background-size
:
100%
auto
;
background-size
:
100%
auto
;
background-position
:
center
;
position
:
absolute
;
position
:
relative
;
left
:
15px
;
top
:
15px
;
.goHome
{
width
:
40px
;
a
{
height
:
40px
;
display
:
block
;
background
:
url("~@/pages/user/assets/images/gohome.png")
no-repeat
;
position
:
absolute
;
background-size
:
100%
auto
;
top
:
0
;
position
:
absolute
;
left
:
0
;
left
:
15px
;
bottom
:
0
;
top
:
15px
;
right
:
0
;
}
a
{
}
display
:
block
;
position
:
absolute
;
.left
{
top
:
0
;
position
:
absolute
;
left
:
0
;
left
:
50px
;
bottom
:
0
;
top
:
30px
;
right
:
0
;
width
:
230px
;
}
//
background
:
green
;
.imageBox
{
width
:
144px
;
height
:
144px
;
border-radius
:
50%
;
margin
:
24px
auto
;
//
background
:
yellow
;
img
{
width
:
100%
;
border-radius
:
50%
;
}
}
.userName
{
color
:
white
;
text-align
:
center
;
font-size
:
38px
;
}
}
.right
{
width
:
424px
;
height
:
68px
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
space-between
;
position
:
absolute
;
top
:
93px
;
left
:
278px
;
.item
{
min-width
:
193px
;
height
:
68px
;
border-radius
:
5px
;
background-color
:
#d9d6d3
;
font-size
:
26px
;
padding-left
:
22px
;
padding-right
:
22px
;
}
}
.left
{
.dizhi
{
display
:
flex
;
justify-content
:
space-between
;
align-items
:
center
;
position
:
relative
;
a
{
display
:
block
;
position
:
absolute
;
position
:
absolute
;
left
:
50px
;
top
:
0
;
top
:
30px
;
left
:
0
;
width
:
230px
;
bottom
:
0
;
//
background
:
green
;
right
:
0
;
}
.imageBox
{
width
:
144px
;
.imageBox
{
height
:
144px
;
height
:
34px
;
border-radius
:
50%
;
width
:
34px
;
margin
:
24px
auto
;
background
:
url("~@/pages/user/assets/images/address.png")
no-repeat
;
//
background
:
yellow
;
background-size
:
100%
auto
;
}
img
{
width
:
100%
;
.text
{
border-radius
:
50%
;
}
}
.userName
{
color
:
white
;
text-align
:
center
;
font-size
:
38px
;
}
}
.right
{
width
:
424px
;
height
:
68px
;
height
:
68px
;
display
:
flex
;
line-height
:
70px
;
flex-direction
:
row
;
color
:
white
;
justify-content
:
space-between
;
}
position
:
absolute
;
}
top
:
93px
;
left
:
278px
;
.item
{
min-width
:
193px
;
height
:
68px
;
border-radius
:
5px
;
background-color
:
#d9d6d3
;
font-size
:
26px
;
padding-left
:
22px
;
padding-right
:
22px
;
}
.dizhi
{
.dianzanshu
{
display
:
flex
;
display
:
flex
;
justify-content
:
space-between
;
justify-content
:
space-between
;
align-items
:
center
;
align-items
:
center
;
position
:
relative
;
position
:
relative
;
a
{
display
:
block
;
position
:
absolute
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
;
}
.imageBox
{
height
:
34px
;
width
:
34px
;
background
:
url("~@/pages/user/assets/images/address.png")
no-repeat
;
background-size
:
100%
auto
;
}
.text
{
height
:
68px
;
line-height
:
70px
;
color
:
white
;
}
}
.dianzanshu
{
.imageBox
{
display
:
flex
;
height
:
34px
;
justify-content
:
space-between
;
width
:
34px
;
align-items
:
center
;
background
:
url("~@/pages/user/assets/images/xinwhite.png")
no-repeat
;
position
:
relative
;
background-size
:
100%
auto
;
}
.imageBox
{
height
:
34px
;
.text
{
width
:
34px
;
width
:
110px
;
background
:
url("~@/pages/user/assets/images/xinwhite.png")
height
:
68px
;
no-repeat
;
line-height
:
68px
;
background-size
:
100%
auto
;
color
:
white
;
}
text-align
:
center
;
//
background-color
:
green
;
.text
{
}
width
:
110px
;
height
:
68px
;
line-height
:
68px
;
color
:
white
;
text-align
:
center
;
//
background-color
:
green
;
}
}
}
}
}
}
}
.allLoaded
{
.allLoaded
{
font-size
:
30px
;
font-size
:
30px
;
color
:
#cccccc
;
color
:
#cccccc
;
text-align
:
center
;
text-align
:
center
;
box-sizing
:
content-box
;
box-sizing
:
content-box
;
padding
:
20px
;
padding
:
20px
;
}
}
.contentBox
{
.contentBox
{
flex
:
1
;
flex
:
1
;
background
:
#f5f5f5
;
background
:
#f5f5f5
;
overflow
:
hidden
;
overflow
:
hidden
;
.subcontent
{
height
:
100%
;
overflow
:
scroll
;
.kong
{
height
:
300px
;
line-height
:
300px
;
color
:
gray
;
font-size
:
30px
;
text-align
:
center
;
}
.wrap
{
.subcontent
{
display
:
flex
;
height
:
100%
;
flex-direction
:
row
;
overflow
:
scroll
;
flex-wrap
:
wrap
;
.kong
{
height
:
300px
;
line-height
:
300px
;
color
:
gray
;
font-size
:
30px
;
text-align
:
center
;
}
padding-left
:
15px
;
.wrap
{
padding-right
:
15px
;
display
:
flex
;
justify-content
:
space-between
;
flex-direction
:
row
;
margin
:
0
auto
;
flex-wrap
:
wrap
;
}
padding-left
:
15px
;
padding-right
:
15px
;
justify-content
:
space-between
;
margin
:
0
auto
;
}
}
}
}
}
</
style
>
</
style
>
\ No newline at end of file
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