Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
M
mallapp
Project
Project
Details
Activity
Releases
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
viitto
mallapp
Commits
aa995aab
Commit
aa995aab
authored
Mar 24, 2021
by
Mac
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
1
parent
a053f113
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
254 additions
and
328 deletions
+254
-328
detail.vue
pages/kotra/brand/detail.vue
+153
-71
list.vue
pages/kotra/brand/list.vue
+101
-257
No files found.
pages/kotra/brand/detail.vue
View file @
aa995aab
...
@@ -3,34 +3,34 @@
...
@@ -3,34 +3,34 @@
<scroll-view
scroll-y=
"true"
style=
"width: 100%;height: 100%;"
@
scroll=
"scroll"
>
<scroll-view
scroll-y=
"true"
style=
"width: 100%;height: 100%;"
@
scroll=
"scroll"
>
<view
style=
"height: 700rpx;position: relative;z-index: 1;"
:style=
"
{'opacity':(100-boxOption)+'%'}">
<view
style=
"height: 700rpx;position: relative;z-index: 1;"
:style=
"
{'opacity':(100-boxOption)+'%'}">
<u-swiper
<u-swiper
:list=
"
imgsList
"
:list=
"
details.imgs
"
:effect3d=
"false"
:effect3d=
"false"
:height=
"700"
:height=
"700"
:interval=
"5000"
:interval=
"5000"
:border-radius=
"0"
:border-radius=
"0"
@
click=
"previewImage"
@
click=
"previewImage"
name=
"url"
name=
'name'
v-if=
"active==1"
v-if=
"active==1"
></u-swiper>
></u-swiper>
<view
style=
"background-color: #111;height: 700rpx;position: relative;"
v-if=
"active==0"
>
<view
style=
"background-color: #111;height: 700rpx;position: relative;"
v-if=
"active==0"
>
<video
id=
"myVideo"
:src=
"
files
"
style=
"width: 100%;height: 100%;"
<video
id=
"myVideo"
:src=
"
details.VideoUrl
"
style=
"width: 100%;height: 100%;"
:controls=
'controls'
:controls=
'controls'
:show-center-play-btn=
'false'
:show-center-play-btn=
'false'
:show-fullscreen-btn=
'false'
:show-fullscreen-btn=
'false'
@
fullscreenchange=
'videoControl'
@
fullscreenchange=
'videoControl'
></video>
></video>
<view
@
click=
"enlarge(
files
)"
style=
"position: absolute;left: 50%;top: 50%;margin-top: -49rpx;margin-left: -49rpx;width: 98rpx;height: 98rpx;border-radius: 20rpx;background-color: rgba(255,255,255,.4);display: flex;align-items: center;justify-content: center;"
>
<view
@
click=
"enlarge(
details.VideoUrl
)"
style=
"position: absolute;left: 50%;top: 50%;margin-top: -49rpx;margin-left: -49rpx;width: 98rpx;height: 98rpx;border-radius: 20rpx;background-color: rgba(255,255,255,.4);display: flex;align-items: center;justify-content: center;"
>
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616471847000_345.png"
style=
"width: 37rpx;height: 44rpx;"
mode=
""
></image>
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616471847000_345.png"
style=
"width: 37rpx;height: 44rpx;"
mode=
""
></image>
</view>
</view>
</view>
</view>
<view
style=
"width: 100px;height: 50rpx;position: absolute;background-color: rgba(255,255,255,.6);border-radius: 50rpx;left: 50%;bottom: 80px;margin-left:-50px;"
>
<view
style=
"width: 100px;height: 50rpx;position: absolute;background-color: rgba(255,255,255,.6);border-radius: 50rpx;left: 50%;bottom: 80px;margin-left:-50px;"
v-if=
"details.VideoUrl!=''"
>
<u-tabs
bg-color=
"rgba(0,0,0,0)"
:is-scroll=
"false"
name=
"Name"
:list=
"typeList"
:active-color=
"mainColor"
<u-tabs
bg-color=
"rgba(0,0,0,0)"
:is-scroll=
"false"
name=
"Name"
:list=
"typeList"
:active-color=
"mainColor"
:current=
"active"
@
change=
"changeHandler"
:show-bar=
"true"
:bold=
"false"
height=
"50"
:current=
"active"
@
change=
"changeHandler"
:show-bar=
"true"
:bold=
"false"
height=
"50"
duration=
"0"
font-size=
"24"
:activeFontSize=
"24"
:typeStyle=
"2"
></u-tabs>
duration=
"0"
font-size=
"24"
:activeFontSize=
"24"
:typeStyle=
"2"
></u-tabs>
</view>
</view>
<view
style=
"height: 50rpx;position: absolute;background-color: rgba(0,0,0,.6);border-radius: 50rpx;left: 30rpx;bottom: 80px;color:#FFF;padding:0 18rpx;display: flex;align-items: center;"
>
<view
style=
"height: 50rpx;position: absolute;background-color: rgba(0,0,0,.6);border-radius: 50rpx;left: 30rpx;bottom: 80px;color:#FFF;padding:0 18rpx;display: flex;align-items: center;"
>
<u-icon
name=
"photo-o"
size=
"26"
color=
"#FFF"
style=
"margin-right: 6rpx;"
></u-icon>
<u-icon
name=
"photo-o"
size=
"26"
color=
"#FFF"
style=
"margin-right: 6rpx;"
></u-icon>
<text
style=
"font-size: 22rpx;font-family: pingfang;"
>
15
</text>
<text
style=
"font-size: 22rpx;font-family: pingfang;"
>
{{
details
.
BannerList
.
length
}}
</text>
</view>
</view>
<view
@
click=
"goback"
:style=
"[titleStyle,
{opacity:'100% !important'}]" style="position: fixed;top: 0;left: 0;padding-left: 6rpx;">
<view
@
click=
"goback"
:style=
"[titleStyle,
{opacity:'100% !important'}]" style="position: fixed;top: 0;left: 0;padding-left: 6rpx;">
<u-icon
name=
"arrow-left"
size=
"44"
color=
"#FFF"
style=
"margin-top: 22rpx;"
></u-icon>
<u-icon
name=
"arrow-left"
size=
"44"
color=
"#FFF"
style=
"margin-top: 22rpx;"
></u-icon>
...
@@ -40,55 +40,63 @@
...
@@ -40,55 +40,63 @@
<view
@
click=
"goback"
>
<view
@
click=
"goback"
>
<u-icon
name=
"arrow-left"
size=
"44"
></u-icon>
<u-icon
name=
"arrow-left"
size=
"44"
></u-icon>
</view>
</view>
<view
style=
"flex: 1;margin-left: 30rpx; text-align: left;"
>
银泰in99
</view>
<view
style=
"flex: 1;margin-left: 30rpx; text-align: left;"
>
{{
details
.
BrandName
}}
</view>
</view>
</view>
<view
style=
"position: relative;z-index: 2;"
>
<view
style=
"position: relative;z-index: 2;"
>
<view
style=
"position: relative;top: -70px;border-top-left-radius: 30px;border-top-right-radius: 30px;height: 900px;background-color: #FFF;padding:60rpx 40rpx;"
>
<view
style=
"position: relative;top: -70px;border-top-left-radius: 30px;border-top-right-radius: 30px;height: 900px;background-color: #FFF;padding:60rpx 40rpx;"
>
<view
style=
"font-size: 21px;color: #1F1F1F;font-weight: bold;"
>
<view
style=
"font-size: 21px;color: #1F1F1F;font-weight: bold;"
>
成都拾野自然博物馆
{{
details
.
FullBrandName
}}
</view>
</view>
<view
style=
"width: 100%;height: 35px;display: flex;align-items: center;justify-content: space-between;"
>
<view
style=
"width: 100%;height: 35px;display: flex;align-items: center;justify-content: space-between;"
>
<view
class=
"label-b"
:style=
"
{'background':mainColor}">
<view
class=
"label-b"
:style=
"
{'background':mainColor}">
shopping mall
{{
details
.
ProjectName
}}
</view>
</view>
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-love.png"
style=
"width: 63px;height: 63px;"
></image>
<image
v-if=
"details.CollectId>0"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-love.png"
style=
"width: 63px;height: 63px;"
@
click=
"getlove()"
></image>
<image
v-if=
"details.CollectId==0"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_509.png"
style=
"width: 63px;height: 63px;"
@
click=
"getlove()"
></image>
</view>
</view>
<view
class=
"brand-xinx"
>
<view
class=
"brand-xinx"
>
<view
class=
"brand-xinx-item"
>
<view
class=
"brand-xinx-item"
>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}">
2
</view>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}">
{{
details
.
ShopNum
}}
</view>
<view
class=
"brand-xinx-item-m"
>
店铺数量
</view>
<view
class=
"brand-xinx-item-m"
>
店铺数量
</view>
</view>
</view>
<view
class=
"brand-xinx-item"
style=
"padding-left: 10px;"
>
<view
class=
"brand-xinx-item"
style=
"padding-left: 10px;"
>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}">500
<text
style=
"font-size: 12px;"
>
㎡
</text></view>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}" v-if="details.BuiltUpArea==0">
{{
details
.
EndBuiltUpArea
}}
<text
style=
"font-size: 12px;"
>
㎡
</text></view>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}" v-if="details.EndBuiltUpArea==0">
{{
details
.
BuiltUpArea
}}
<text
style=
"font-size: 12px;"
>
㎡
</text></view>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}" v-if="details.BuiltUpArea!=0
&&
details.EndBuiltUpArea!=0">
{{
details
.
BuiltUpArea
}}
~
{{
details
.
EndBuiltUpArea
}}
<text
style=
"font-size: 12px;"
>
㎡
</text></view>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}" v-if="details.BuiltUpArea==0
&&
details.EndBuiltUpArea==0">/
</view>
<view
class=
"brand-xinx-item-m"
>
店铺面积
</view>
<view
class=
"brand-xinx-item-m"
>
店铺面积
</view>
</view>
</view>
<view
class=
"brand-xinx-item"
style=
"padding-left: 10px;"
>
<view
class=
"brand-xinx-item"
style=
"padding-left: 10px;"
>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}">600
<text
style=
"font-size: 12px;"
>
㎡
</text>
</view>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}" v-if="details.AreaRequirement==0">
{{
details
.
EndAreaRequirement
}}
<text
style=
"font-size: 12px;"
>
㎡
</text></view>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}" v-if="details.EndAreaRequirement==0">
{{
details
.
AreaRequirement
}}
<text
style=
"font-size: 12px;"
>
㎡
</text></view>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}" v-if="details.AreaRequirement!=0
&&
details.EndAreaRequirement!=0">
{{
details
.
AreaRequirement
}}
~
{{
details
.
EndAreaRequirement
}}
<text
style=
"font-size: 12px;"
>
㎡
</text></view>
<view
class=
"brand-xinx-item-t"
:style=
"
{color:mainColor}" v-if="details.AreaRequirement==0
&&
details.EndAreaRequirement==0">/
</view>
<view
class=
"brand-xinx-item-m"
>
需求面积
</view>
<view
class=
"brand-xinx-item-m"
>
需求面积
</view>
</view>
</view>
</view>
</view>
<view
class=
"brand-x"
>
<view
class=
"brand-x"
>
<view
class=
"brand-x-l"
>
拓店区域:
</view>
<view
class=
"brand-x-l"
>
拓店区域:
</view>
<view
class=
"brand-x-r"
>
四川成都
</view>
<view
class=
"brand-x-r"
>
{{
details
.
StoreExpansion
}}
</view>
</view>
</view>
<view
class=
"brand-x"
>
<view
class=
"brand-x"
>
<view
class=
"brand-x-l"
>
品牌定位:
</view>
<view
class=
"brand-x-l"
>
品牌定位:
</view>
<view
class=
"brand-x-r"
>
商业地产+体育运动的新型“SPORTMALL”的全新商业场景
</view>
<view
class=
"brand-x-r"
>
{{
details
.
BrandType
}}
</view>
</view>
</view>
<view
class=
"brand-x"
>
<view
class=
"brand-x"
>
<view
class=
"brand-x-l"
>
客群定位:
</view>
<view
class=
"brand-x-l"
>
客群定位:
</view>
<view
class=
"brand-x-r"
>
白领,家庭,学生等对体育有需求同时具有一定的消费能力的客户群体
</view>
<view
class=
"brand-x-r"
>
{{
details
.
CustomerType
}}
</view>
</view>
</view>
<view
style=
"width: 100%;position: relative;margin-top: 46px;background: rgba(252, 42, 76, 0.05);padding: 15px 0;border-radius: ;"
>
<view
style=
"width: 100%;position: relative;margin-top: 46px;background: rgba(252, 42, 76, 0.05);padding: 15px 0;border-radius: ;"
>
<view
style=
"width: 150rpx;height: 150rpx;background: #FFFFFF;box-shadow: 0px 2px 15px 0px rgba(167, 167, 167, 0.39);border-radius: 10px;position: absolute;left: 0;top: -23px;"
>
<view
style=
"width: 150rpx;height: 150rpx;background: #FFFFFF;box-shadow: 0px 2px 15px 0px rgba(167, 167, 167, 0.39);border-radius: 10px;position: absolute;left: 0;top: -23px;"
>
<!-- 放图片 -->
<image
:src=
'details.Logo'
style=
"width: 100%;height: 100%;"
mode=
"aspectFill"
></image>
</view>
</view>
<view
style=
"width: calc(100vw - 40px - 150rpx - 20px);margin-left: 190rpx;"
>
<view
style=
"width: calc(100vw - 40px - 150rpx - 20px);margin-left: 190rpx;"
>
<view
style=
"font-size: 13px;color: #B1B1B1;"
>
品牌名称:
</view>
<view
style=
"font-size: 13px;color: #B1B1B1;"
>
品牌名称:
</view>
<view
style=
"font-size: 15px;color: #1F1F1F;font-weight: bold;margin-top: 10px;"
>
<view
style=
"font-size: 15px;color: #1F1F1F;font-weight: bold;margin-top: 10px;"
>
拾野·自然博物馆
{{
details
.
BrandName
}}
</view>
</view>
</view>
</view>
</view>
</view>
...
@@ -96,22 +104,58 @@
...
@@ -96,22 +104,58 @@
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-wyxq.png"
mode=
"widthFix"
></image>
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-wyxq.png"
mode=
"widthFix"
></image>
</view>
</view>
<view
class=
"Listbox"
>
<view
class=
"Listbox"
>
<view
class=
"Listbox-item"
v-for=
'(x,y) in EquityList'
:key=
'y'
>
<view
class=
"Listbox-item"
>
<image
:src=
"x.ImagePath"
style=
"width: 74rpx;height: auto;"
mode=
"widthFix"
></image>
<image
:src=
"EquityList[0].ImagePath"
v-if=
"details.Plumbing==1"
mode=
"widthFix"
></image>
<text
class=
"list-item-text"
style=
"font-size: 12px;color: #424242;"
>
{{
x
.
Title
}}
</text>
<image
:src=
"EquityList[0].Image_n"
v-else
mode=
"widthFix"
></image>
<text
class=
"list-item-text"
:style=
"
{color:details.Plumbing==1?'#424242':'#D6D6D6'}">
{{
EquityList
[
0
].
Title
}}
</text>
</view>
<view
class=
"Listbox-item"
>
<image
:src=
"EquityList[1].ImagePath"
v-if=
"details.Sewage==1"
mode=
"widthFix"
></image>
<image
:src=
"EquityList[1].Image_n"
v-else
mode=
"widthFix"
></image>
<text
class=
"list-item-text"
:style=
"
{color:details.Sewage==1?'#424242':'#D6D6D6'}">
{{
EquityList
[
1
].
Title
}}
</text>
</view>
<view
class=
"Listbox-item"
>
<image
:src=
"EquityList[2].ImagePath"
v-if=
"details.RanQi==1"
mode=
"widthFix"
></image>
<image
:src=
"EquityList[2].Image_n"
v-else
mode=
"widthFix"
></image>
<text
class=
"list-item-text"
:style=
"
{color:details.RanQi==1?'#424242':'#D6D6D6'}">
{{
EquityList
[
2
].
Title
}}
</text>
</view>
<view
class=
"Listbox-item"
>
<image
:src=
"EquityList[3].ImagePath"
v-if=
"details.DianLiang!=''"
mode=
"widthFix"
></image>
<image
:src=
"EquityList[3].Image_n"
v-else
mode=
"widthFix"
></image>
<text
class=
"list-item-text"
:style=
"
{color:details.DianLiang!=''?'#424242':'#D6D6D6'}">
{{
EquityList
[
3
].
Title
}}
</text>
</view>
<view
class=
"Listbox-item"
>
<image
:src=
"EquityList[4].ImagePath"
v-if=
"details.XinFeng==1"
mode=
"widthFix"
></image>
<image
:src=
"EquityList[4].Image_n"
v-else
mode=
"widthFix"
></image>
<text
class=
"list-item-text"
:style=
"
{color:details.XinFeng==1?'#424242':'#D6D6D6'}">
{{
EquityList
[
4
].
Title
}}
</text>
</view>
<view
class=
"Listbox-item"
>
<image
:src=
"EquityList[5].ImagePath"
v-if=
"details.PaiYan==1"
mode=
"widthFix"
></image>
<image
:src=
"EquityList[5].Image_n"
v-else
mode=
"widthFix"
></image>
<text
class=
"list-item-text"
:style=
"
{color:details.PaiYan==1?'#424242':'#D6D6D6'}">
{{
EquityList
[
5
].
Title
}}
</text>
</view>
<view
class=
"Listbox-item"
>
<image
:src=
"EquityList[6].ImagePath"
v-if=
"details.KongTiao==1"
mode=
"widthFix"
></image>
<image
:src=
"EquityList[6].Image_n"
v-else
mode=
"widthFix"
></image>
<text
class=
"list-item-text"
:style=
"
{color:details.KongTiao==1?'#424242':'#D6D6D6'}">
{{
EquityList
[
6
].
Title
}}
</text>
</view>
<view
class=
"Listbox-item"
>
<image
:src=
"EquityList[7].ImagePath"
v-if=
"details.Caliber==1"
mode=
"widthFix"
></image>
<image
:src=
"EquityList[7].Image_n"
v-else
mode=
"widthFix"
></image>
<text
class=
"list-item-text"
:style=
"
{color:details.Caliber==1?'#424242':'#D6D6D6'}">
{{
EquityList
[
7
].
Title
}}
</text>
</view>
</view>
</view>
</view>
<view
class=
"brand-title"
>
<view
class=
"brand-title"
>
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-ggxq.png"
mode=
"widthFix"
></image>
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-ggxq.png"
mode=
"widthFix"
></image>
</view>
</view>
<view
style=
"margin-top: 30px;
font-size: 13px;color: #1F1F1F;
"
>
<view
style=
"margin-top: 30px;"
>
无
<h-parse
:content=
"details.Advertising"
@
navigate=
"clickDescription"
></h-parse>
</view>
</view>
<view
class=
"brand-title"
style=
"width: 36px;"
>
<view
class=
"brand-title"
style=
"width: 36px;"
>
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-qt.png"
mode=
"widthFix"
></image>
<image
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-qt.png"
mode=
"widthFix"
></image>
</view>
</view>
<view
style=
"margin-top: 30px;
font-size: 13px;color: #1F1F1F;
"
>
<view
style=
"margin-top: 30px;"
>
城市一、二类商圈;选择繁华的商业中心,及地标性购物中心交通便利,项目周边交通状况良好,地铁直达最佳
<h-parse
:content=
"details.Other"
@
navigate=
"clickDescription"
></h-parse>
</view>
</view>
</view>
</view>
...
@@ -121,21 +165,16 @@
...
@@ -121,21 +165,16 @@
</
template
>
</
template
>
<
script
>
<
script
>
import
hParse
from
"@/components/u-parse/parse.vue"
;
export
default
{
export
default
{
components
:
{
hParse
},
data
()
{
data
()
{
return
{
return
{
imgs
:[
ID
:
0
,
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_561.png'
,
details
:{},
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_819.png'
],
imgsList
:[
{
url
:
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_561.png'
},
{
url
:
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_819.png'
}
],
typeList
:
[{
typeList
:
[{
Id
:
0
,
Id
:
0
,
Name
:
'视频'
Name
:
'视频'
...
@@ -149,43 +188,35 @@
...
@@ -149,43 +188,35 @@
active
:
0
,
active
:
0
,
mainColor
:
''
,
mainColor
:
''
,
controls
:
false
,
//显示默认控件
controls
:
false
,
//显示默认控件
files
:
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637516872805837677.mp4'
,
EquityList
:[
EquityList
:[
{
{
"Title"
:
"上下水"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs.png"
,
"Id"
:
11
,
"Image_n"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-sxs-n.png"
,
"Title"
:
"权益五"
,
},
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_64.png"
,
{
"Title"
:
"排污"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw.png"
,
"Content"
:
"会员权益"
"Image_n"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pw-n.png"
},
},
{
"Title"
:
"燃气"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-rh.png"
,
{
"Image_n"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-rh-n.png"
},
"Id"
:
10
,
{
"Title"
:
"电量负荷"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl.png"
,
"Title"
:
"权益四"
,
"Image_n"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-dl-n.png"
},
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_955.png"
,
{
"Title"
:
"新风"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-xf.png"
,
"Content"
:
"1对1客服"
"Image_n"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-xf-n.png"
},
},
{
"Title"
:
"排烟量"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pyl.png"
,
{
"Image_n"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-pyl-n.png"
},
"Id"
:
9
,
{
"Title"
:
"空调"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt.png"
,
"Title"
:
"权益三"
,
"Image_n"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt-n.png"
},
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_417.png"
,
{
"Title"
:
"管径"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj.png"
,
"Content"
:
"会员权益"
"Image_n"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj-n.png"
},
},
{
]
"Id"
:
8
,
"Title"
:
"权益二"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_864.png"
,
"Content"
:
"会员权益"
},
{
"Id"
:
7
,
"Title"
:
"所有权益"
,
"ImagePath"
:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616056016000_711.png"
,
"Content"
:
"超级会员"
}
]
}
}
},
},
onLoad
(
options
)
{
onLoad
(
options
)
{
let
that
=
this
let
that
=
this
if
(
options
&&
options
.
id
){
this
.
ID
=
options
.
id
this
.
GetBrandDetails
()
}
uni
.
getSystemInfo
({
uni
.
getSystemInfo
({
success
(
res
)
{
success
(
res
)
{
that
.
titleStyle
=
{
that
.
titleStyle
=
{
...
@@ -198,13 +229,42 @@
...
@@ -198,13 +229,42 @@
this
.
mainColor
=
this
.
$uiConfig
.
mainColor
;
this
.
mainColor
=
this
.
$uiConfig
.
mainColor
;
},
},
methods
:
{
methods
:
{
clickDescription
(
e
)
{
console
.
log
(
e
);
},
GetBrandDetails
(){
this
.
request2
(
{
url
:
'/api/AppletTrade/GetBrandDetails'
,
data
:
{
ID
:
this
.
ID
}
},
res
=>
{
if
(
res
.
resultCode
==
1
){
this
.
details
=
res
.
data
;
console
.
log
(
this
.
details
)
if
(
res
.
data
.
VideoUrl
==
''
){
this
.
active
=
1
};
this
.
details
.
imgs
=
[]
this
.
details
.
BannerList
.
forEach
(
x
=>
{
let
obj
=
{
name
:
x
}
this
.
details
.
imgs
.
push
(
obj
)
})
console
.
log
(
this
.
details
.
imgs
)
}
}
);
},
changeHandler
(
i
)
{
changeHandler
(
i
)
{
this
.
active
=
i
;
this
.
active
=
i
;
},
},
previewImage
(
i
)
{
previewImage
(
i
)
{
console
.
log
(
i
)
console
.
log
(
i
)
uni
.
previewImage
({
uni
.
previewImage
({
urls
:
this
.
imgs
,
urls
:
this
.
details
.
BannerList
,
current
:
i
,
current
:
i
,
longPressActions
:
{
longPressActions
:
{
itemList
:
[
"发送给朋友"
,
"保存图片"
,
"收藏"
],
itemList
:
[
"发送给朋友"
,
"保存图片"
,
"收藏"
],
...
@@ -242,6 +302,23 @@
...
@@ -242,6 +302,23 @@
this
.
controls
=
true
this
.
controls
=
true
}
}
},
},
getlove
(){
this
.
request2
(
{
url
:
'/api/AppletTrade/GetCollect'
,
data
:
{
Type
:
2
,
SourceId
:
this
.
ID
,
Id
:
this
.
details
.
CollectId
}
},
res
=>
{
if
(
res
.
resultCode
==
1
){
uni
.
showToast
({
title
:
res
.
message
,
icon
:
'none'
});
this
.
GetBrandDetails
()
}
}
);
}
}
}
}
}
...
@@ -334,9 +411,14 @@
...
@@ -334,9 +411,14 @@
align-items
:
center
;
align-items
:
center
;
justify-content
:
center
;
justify-content
:
center
;
}
}
.Listbox-item
image
{
width
:
74
rpx
;
height
:
auto
;
}
.list-item-text
{
.list-item-text
{
width
:
calc
(
100vw
/
4
);
width
:
calc
(
100vw
/
4
);
margin-top
:
5px
;
margin-top
:
5px
;
text-align
:
center
;
text-align
:
center
;
font-size
:
12px
;
}
}
</
style
>
</
style
>
pages/kotra/brand/list.vue
View file @
aa995aab
<
template
>
<
template
>
<div
style=
"background-color: #f6f6f6;height: 100vh;padding-bottom:
9
0px;overflow: hidden;"
>
<div
style=
"background-color: #f6f6f6;height: 100vh;padding-bottom:
5
0px;overflow: hidden;"
>
<view
style=
"padding:5px 10px;"
>
<view
style=
"padding:5px 10px;"
>
<u-search
placeholder=
"搜索品牌名称"
:focus=
"false"
:show-action=
"false"
:clearabled=
"true"
radius=
"40"
v-model=
"
searchKey
"
<u-search
placeholder=
"搜索品牌名称"
:focus=
"false"
:show-action=
"false"
:clearabled=
"true"
radius=
"40"
v-model=
"
msg.BrandName
"
@
search=
"searchHandler"
@
custom=
"searchHandler"
bg-color=
"#FFF"
></u-search>
@
search=
"searchHandler"
@
custom=
"searchHandler"
bg-color=
"#FFF"
></u-search>
</view>
</view>
<view
style=
"display: flex; align-items: center;"
>
<view
style=
"display: flex; align-items: center;"
>
<view
style=
"flex:1;overflow: hidden;"
>
<view
style=
"flex:1;overflow: hidden;"
>
<u-tabs
bg-color=
"#f6f6f6"
:is-scroll=
"true"
name=
"Name"
:list=
"typeList"
:active-color=
"mainColor"
<u-tabs
bg-color=
"#f6f6f6"
:is-scroll=
"true"
name=
"
Class
Name"
:list=
"typeList"
:active-color=
"mainColor"
:current=
"active"
@
change=
"changeHandler"
:show-bar=
"true"
:activeFontSize=
"34"
:bold=
"true"
height=
"100"
:current=
"active"
@
change=
"changeHandler"
:show-bar=
"true"
:activeFontSize=
"34"
:bold=
"true"
height=
"100"
duration=
"0"
font-size=
"28"
></u-tabs>
duration=
"0"
font-size=
"28"
></u-tabs>
</view>
</view>
...
@@ -14,246 +14,40 @@
...
@@ -14,246 +14,40 @@
<u-icon
name=
"filter-o"
color=
"#111"
size=
"42"
></u-icon>
<u-icon
name=
"filter-o"
color=
"#111"
size=
"42"
></u-icon>
</div>
</div>
</view>
</view>
<u-empty
v-if=
"g.length == 0"
text=
"暂无内容"
mode=
"list"
></u-empty>
<view
style=
"height: calc(100% - 101px);padding:2px 10px;"
>
<view
style=
"height: calc(100% - 101px);padding:2px 10px;"
v-if=
"g.length > 0"
>
<scroll-view
:scroll-y=
"true"
:enable-back-to-top=
"true"
:enable-flex=
"true"
<scroll-view
:scroll-y=
"true"
:enable-back-to-top=
"true"
:enable-flex=
"true"
@
scrolltolower=
"lower"
style=
"height: 100%; padding-bottom: 0px;"
>
style=
"height: 100%; padding-bottom: 0px;"
>
<u-row
gutter=
"24"
>
<u-row
gutter=
"24"
>
<u-col
span=
"6"
>
<u-col
span=
"6"
v-for=
"(x, i) in g"
:key=
"i"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"good_study_two"
@
click=
"openGood(x.ID)"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
width: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png"
/>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
</view>
</view>
</view>
</u-col>
<u-col
span=
"6"
>
<view
class=
"good_study_two"
@
click=
"openGood"
:style=
"
{borderRadius:'10px'}">
<view
class=
"img-box"
>
<view
class=
"img-box"
>
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<view
class=
"img-show"
:style=
"
{'border-top-left-radius':'10px'}">
<image
style=
"
<image
style=
"
width: 100%;
width: 100%;
height: 100%;
height: 100%;
"
mode=
"aspectFill"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_706.png
"
/>
"
mode=
"aspectFill"
:src=
"x.BannerList[0]
"
/>
</view>
</view>
</view>
</view>
<view
class=
"good-info"
>
<view
class=
"good-info"
>
<view
class=
"good-name"
>
柴门荟
</view>
<view
class=
"good-name"
>
{{
x
.
BrandName
}}
</view>
<view
class=
"good-price-info"
>
<view
class=
"good-price-info"
>
<span
class=
"price"
>
极致川味匠心的餐厅
</span>
<span
class=
"price"
>
{{
x
.
FullBrandName
}}
</span>
</view>
</view>
</view>
</view>
</view>
</view>
</u-col>
</u-col>
</u-row>
</u-row>
<u-loadmore
:status=
"status"
:load-text=
"loadText"
:font-size=
"24"
:margin-top=
"20"
:margin-bottom=
"20"
bg-color=
"#f6f6f6"
/>
<view
style=
"width: 100%;height: 30px;"
></view>
</scroll-view>
</scroll-view>
</view>
</view>
<tabbars></tabbars>
<tabbars></tabbars>
...
@@ -271,34 +65,31 @@
...
@@ -271,34 +65,31 @@
mainColor
:
''
,
mainColor
:
''
,
active
:
0
,
active
:
0
,
searchKey
:
""
,
searchKey
:
""
,
typeList
:
[{
typeList
:
[],
Id
:
0
,
msg
:{
Name
:
'全部'
pageIndex
:
1
,
},
{
pageSize
:
20
,
Id
:
1
,
BrandName
:
''
,
Name
:
'特色餐饮'
ProjectType
:
''
,
},
{
Plumbing
:
-
1
,
Id
:
2
,
Caliber
:
-
1
,
Name
:
'文娱休闲'
Sewage
:
-
1
,
},
{
RanQi
:
-
1
,
Id
:
3
,
DianLiang
:
-
1
,
Name
:
'儿童亲子'
PaiYan
:
-
1
,
},
{
KongTiao
:
-
1
,
Id
:
4
,
XinFeng
:
-
1
,
Name
:
'便民生活'
BrandClassId
:
0
,
},
{
},
Id
:
5
,
loadText
:
{
Name
:
'服装服饰'
loadmore
:
"轻轻上拉,加载更多"
,
},
{
loading
:
"努力加载中"
,
Id
:
4
,
nomore
:
"没有更多了"
,
Name
:
'饮品烘焙'
},
},
{
page_count
:
1
,
Id
:
4
,
status
:
"loadmore"
,
Name
:
'生活用品'
g
:
[],
},
{
Id
:
4
,
Name
:
'其他'
}]
};
};
},
},
created
()
{
created
()
{
...
@@ -308,17 +99,70 @@
...
@@ -308,17 +99,70 @@
uni
.
setNavigationBarTitle
({
uni
.
setNavigationBarTitle
({
title
:
'品牌列表'
,
title
:
'品牌列表'
,
});
});
this
.
GetBrandClassList
()
},
},
methods
:
{
methods
:
{
GetBrandClassList
(){
this
.
request2
({
url
:
"/api/AppletTrade/GetBrandClassList"
,
data
:
{},
},
(
res
)
=>
{
if
(
res
.
resultCode
==
1
)
{
this
.
typeList
=
res
.
data
this
.
msg
.
BrandClassId
=
this
.
typeList
[
0
].
ID
}
}
);
this
.
init
();
},
init
()
{
this
.
request2
(
{
url
:
'/api/AppletTrade/GetBrandPageList'
,
data
:
this
.
msg
},
res
=>
{
if
(
res
.
resultCode
==
1
){
this
.
g
=
this
.
g
.
concat
(
res
.
data
.
pageData
);
this
.
page_count
=
res
.
data
.
pageCount
;
if
(
this
.
page_count
==
1
)
{
this
.
status
=
"nomore"
;
}
}
}
);
},
lower
(
e
)
{
if
(
this
.
msg
.
pageIndex
<
this
.
page_count
)
{
this
.
msg
.
pageIndex
++
;
this
.
status
=
"loading"
;
this
.
init
();
}
else
{
this
.
status
=
"nomore"
;
}
},
changeHandler
(
i
)
{
changeHandler
(
i
)
{
this
.
active
=
i
;
this
.
active
=
i
;
this
.
msg
.
BrandClassId
=
this
.
typeList
[
i
].
ID
;
this
.
msg
.
pageIndex
=
1
;
this
.
g
=
[];
this
.
init
();
},
},
openGood
(
id
)
{
openGood
(
id
)
{
uni
.
navigateTo
({
uni
.
navigateTo
({
url
:
'
pages/kotra/carrier
/detail?id='
+
id
,
url
:
'
/pages/kotra/brand
/detail?id='
+
id
,
});
});
},
},
searchHandler
(
val
){}
searchHandler
(
val
){
this
.
msg
.
BrandName
=
val
;
this
.
msg
.
pageIndex
=
1
;
this
.
g
=
[];
this
.
init
();
}
}
}
};
};
</
script
>
</
script
>
...
...
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