parent
3c72bfe84f
commit
b3b7c54a32
@ -0,0 +1,65 @@ |
||||
body * { |
||||
box-sizing: border-box; |
||||
flex-shrink: 0; |
||||
} |
||||
body { |
||||
font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, |
||||
Arial, PingFang SC-Light, Microsoft YaHei; |
||||
} |
||||
button { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 1px solid transparent; |
||||
outline: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
button:active { |
||||
opacity: 0.6; |
||||
} |
||||
.flex-col { |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
.flex-row { |
||||
display: flex; |
||||
flex-direction: row; |
||||
} |
||||
.justify-start { |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
} |
||||
.justify-center { |
||||
display: flex; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.justify-end { |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
} |
||||
.justify-evenly { |
||||
display: flex; |
||||
justify-content: space-evenly; |
||||
} |
||||
.justify-around { |
||||
display: flex; |
||||
justify-content: space-around; |
||||
} |
||||
.justify-between { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
.align-start { |
||||
display: flex; |
||||
align-items: flex-start; |
||||
} |
||||
.align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.align-end { |
||||
display: flex; |
||||
align-items: flex-end; |
||||
} |
||||
|
@ -0,0 +1,65 @@ |
||||
body * { |
||||
box-sizing: border-box; |
||||
flex-shrink: 0; |
||||
} |
||||
body { |
||||
font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, |
||||
Arial, PingFang SC-Light, Microsoft YaHei; |
||||
} |
||||
button { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 1px solid transparent; |
||||
outline: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
button:active { |
||||
opacity: 0.6; |
||||
} |
||||
.flex-col { |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
.flex-row { |
||||
display: flex; |
||||
flex-direction: row; |
||||
} |
||||
.justify-start { |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
} |
||||
.justify-center { |
||||
display: flex; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.justify-end { |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
} |
||||
.justify-evenly { |
||||
display: flex; |
||||
justify-content: space-evenly; |
||||
} |
||||
.justify-around { |
||||
display: flex; |
||||
justify-content: space-around; |
||||
} |
||||
.justify-between { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
.align-start { |
||||
display: flex; |
||||
align-items: flex-start; |
||||
} |
||||
.align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.align-end { |
||||
display: flex; |
||||
align-items: flex-end; |
||||
} |
||||
|
@ -0,0 +1,65 @@ |
||||
body * { |
||||
box-sizing: border-box; |
||||
flex-shrink: 0; |
||||
} |
||||
body { |
||||
font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, |
||||
Arial, PingFang SC-Light, Microsoft YaHei; |
||||
} |
||||
button { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 1px solid transparent; |
||||
outline: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
button:active { |
||||
opacity: 0.6; |
||||
} |
||||
.flex-col { |
||||
display: flex; |
||||
flex-direction: column; |
||||
} |
||||
.flex-row { |
||||
display: flex; |
||||
flex-direction: row; |
||||
} |
||||
.justify-start { |
||||
display: flex; |
||||
justify-content: flex-start; |
||||
} |
||||
.justify-center { |
||||
display: flex; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.justify-end { |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
} |
||||
.justify-evenly { |
||||
display: flex; |
||||
justify-content: space-evenly; |
||||
} |
||||
.justify-around { |
||||
display: flex; |
||||
justify-content: space-around; |
||||
} |
||||
.justify-between { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
.align-start { |
||||
display: flex; |
||||
align-items: flex-start; |
||||
} |
||||
.align-center { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.align-end { |
||||
display: flex; |
||||
align-items: flex-end; |
||||
} |
||||
|
@ -0,0 +1,330 @@ |
||||
.page { |
||||
background-color: rgba(255, 255, 255, 1); |
||||
position: relative; |
||||
width: 750rpx; |
||||
height: 1643rpx; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.block_1 { |
||||
position: relative; |
||||
width: 750rpx; |
||||
/* height: 1643rpx; |
||||
background: url(/static/lanhu_zhuye1/pst63h4lsjgfgq20vjvzbbwfy0x2pbg7739c17af6-ccfa-4cc6-812f-26e49531ab61.png) -95rpx -6rpx |
||||
no-repeat; |
||||
background-size: 845rpx 1649rpx; */ |
||||
} |
||||
|
||||
.group_1 { |
||||
background-color: rgba(54, 54, 54, 1); |
||||
border-radius: 20px; |
||||
width: 703rpx; |
||||
height: 331rpx; |
||||
margin: 193rpx 0 0 22rpx; |
||||
} |
||||
|
||||
.group_2 { |
||||
width: 703rpx; |
||||
height: 479rpx; |
||||
background: url(http://118.89.89.96/lanhu_zhuye1/psm9jtnjjz3qkpm8bryipphq78xfmmvx81pcd768764-7933-4981-84c0-2cf5b88fcdc0.png) 100% no-repeat; |
||||
background-size: 100% 100%; |
||||
margin: 25rpx 0 0 21rpx; |
||||
} |
||||
|
||||
.box_1 { |
||||
width: 616rpx; |
||||
height: 58rpx; |
||||
margin: 36rpx 0 0 43rpx; |
||||
} |
||||
|
||||
.text_1 { |
||||
width: 497rpx; |
||||
height: 48rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 43rpx; |
||||
font-family: SourceHanSansCN-Heavy; |
||||
font-weight: 900; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 43rpx; |
||||
} |
||||
|
||||
.image-text_1 { |
||||
width: 37rpx; |
||||
height: 57rpx; |
||||
margin-top: 1rpx; |
||||
} |
||||
|
||||
.label_1 { |
||||
width: 32rpx; |
||||
height: 32rpx; |
||||
margin-left: 2rpx; |
||||
} |
||||
|
||||
.text-group_1 { |
||||
width: 37rpx; |
||||
height: 18rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 18rpx; |
||||
font-family: SourceHanSansCN-Regular; |
||||
font-weight: NaN; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 18rpx; |
||||
margin-top: 7rpx; |
||||
} |
||||
|
||||
.box_2 { |
||||
width: 324rpx; |
||||
height: 27rpx; |
||||
margin: 4rpx 0 0 42rpx; |
||||
} |
||||
|
||||
.text-wrapper_1 { |
||||
background-color: rgba(191, 0, 0, 1); |
||||
border-radius: 13px; |
||||
height: 27rpx; |
||||
width: 81rpx; |
||||
} |
||||
|
||||
.text_2 { |
||||
width: 50rpx; |
||||
height: 16rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 16rpx; |
||||
font-family: SourceHanSansCN-Regular; |
||||
font-weight: NaN; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 16rpx; |
||||
margin: 6rpx 0 0 15rpx; |
||||
} |
||||
|
||||
.text_3 { |
||||
width: 227rpx; |
||||
height: 22rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 23rpx; |
||||
font-family: SourceHanSansCN-Regular; |
||||
font-weight: NaN; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 23rpx; |
||||
margin-top: 1rpx; |
||||
} |
||||
|
||||
.image_1 { |
||||
width: 602rpx; |
||||
height: 132rpx; |
||||
margin: 23rpx 0 0 52rpx; |
||||
} |
||||
|
||||
.image-text_2 { |
||||
width: 442rpx; |
||||
height: 35rpx; |
||||
margin: 21rpx 0 0 42rpx; |
||||
} |
||||
|
||||
.label_2 { |
||||
width: 29rpx; |
||||
height: 35rpx; |
||||
} |
||||
|
||||
.text-group_2 { |
||||
width: 402rpx; |
||||
height: 24rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 23rpx; |
||||
font-family: SourceHanSansCN-Regular; |
||||
font-weight: NaN; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 23rpx; |
||||
margin-top: 3rpx; |
||||
} |
||||
|
||||
.box_3 { |
||||
width: 609rpx; |
||||
height: 30rpx; |
||||
margin: 72rpx 0 41rpx 41rpx; |
||||
} |
||||
|
||||
.image-text_3 { |
||||
width: 135rpx; |
||||
height: 30rpx; |
||||
} |
||||
|
||||
.label_3 { |
||||
width: 30rpx; |
||||
height: 30rpx; |
||||
} |
||||
|
||||
.text-group_3 { |
||||
width: 93rpx; |
||||
height: 22rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 23rpx; |
||||
font-family: SourceHanSansCN-Regular; |
||||
font-weight: NaN; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 23rpx; |
||||
margin-top: 4rpx; |
||||
} |
||||
|
||||
.image-text_4 { |
||||
width: 139rpx; |
||||
height: 30rpx; |
||||
margin-left: 108rpx; |
||||
} |
||||
|
||||
.label_4 { |
||||
width: 30rpx; |
||||
height: 30rpx; |
||||
} |
||||
|
||||
.text-group_4 { |
||||
width: 94rpx; |
||||
height: 23rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 23rpx; |
||||
font-family: SourceHanSansCN-Regular; |
||||
font-weight: NaN; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 23rpx; |
||||
margin-top: 3rpx; |
||||
} |
||||
|
||||
.image-text_5 { |
||||
width: 138rpx; |
||||
height: 30rpx; |
||||
margin-left: 89rpx; |
||||
} |
||||
|
||||
.label_5 { |
||||
width: 30rpx; |
||||
height: 30rpx; |
||||
} |
||||
|
||||
.text-group_5 { |
||||
width: 93rpx; |
||||
height: 23rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 23rpx; |
||||
font-family: SourceHanSansCN-Regular; |
||||
font-weight: NaN; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 23rpx; |
||||
margin-top: 3rpx; |
||||
} |
||||
|
||||
.group_3 { |
||||
width: 703rpx; |
||||
height: 617rpx; |
||||
background: url(http://118.89.89.96/lanhu_zhuye1/ps8qgdn0bjpgk9npfeo3tf8o6kn4km3humb55c82136-8e39-4236-8d85-c05cff908c61.png) 100% no-repeat; |
||||
background-size: 100% 100%; |
||||
margin: 13rpx 0 135rpx 21rpx; |
||||
} |
||||
|
||||
.text-group_6 { |
||||
width: 170rpx; |
||||
height: 61rpx; |
||||
margin: 38rpx 0 0 268rpx; |
||||
} |
||||
|
||||
.text_4 { |
||||
width: 170rpx; |
||||
height: 40rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 41rpx; |
||||
font-family: SourceHanSansCN-Heavy; |
||||
font-weight: 900; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
line-height: 41rpx; |
||||
} |
||||
|
||||
.text_5 { |
||||
width: 163rpx; |
||||
height: 11rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 14rpx; |
||||
font-family: SourceHanSansCN-Light; |
||||
font-weight: 300; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
line-height: 14rpx; |
||||
margin: 10rpx 0 0 3rpx; |
||||
} |
||||
|
||||
.text_6 { |
||||
width: 626rpx; |
||||
/* height: 146rpx; */ |
||||
word-wrap: break-word; |
||||
word-break: break-all; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 20rpx; |
||||
font-family: SourceHanSansCN-Light; |
||||
font-weight: 300; |
||||
text-align: left; |
||||
/* white-space: nowrap; */ |
||||
|
||||
margin: 20rpx 0 0 35rpx; |
||||
} |
||||
|
||||
.image-wrapper_1 { |
||||
width: 629rpx; |
||||
height: 265rpx; |
||||
margin: 37rpx 0 50rpx 34rpx; |
||||
} |
||||
|
||||
.image_2 { |
||||
width: 201rpx; |
||||
height: 265rpx; |
||||
margin-right: 14rpx; |
||||
} |
||||
|
||||
.image-wrapper_2 { |
||||
height: 332rpx; |
||||
/* background: url(http://118.89.89.96/lanhu_zhuye1/psbg6f8c3uzqfwavlm2p5ba1mradw9ymf7843d5e9-a777-4fd3-9601-4c6eb88e14e3.png) 100% no-repeat; */ |
||||
background-size: 100% 100%; |
||||
width: 704rpx; |
||||
position: absolute; |
||||
left: 22rpx; |
||||
top: 43rpx; |
||||
} |
||||
|
||||
.image_3 { |
||||
width: 60rpx; |
||||
height: 7rpx; |
||||
margin: 315rpx 0 0 322rpx; |
||||
} |
||||
|
||||
.label_6 { |
||||
position: absolute; |
||||
left: 664rpx; |
||||
top: 144rpx; |
||||
width: 44rpx; |
||||
height: 44rpx; |
||||
} |
||||
|
||||
.label_7 { |
||||
position: absolute; |
||||
left: -4rpx; |
||||
top: 144rpx; |
||||
width: 44rpx; |
||||
height: 44rpx; |
||||
} |
@ -0,0 +1,104 @@ |
||||
<template> |
||||
<view class="page flex-col" style="margin-bottom: 200rpx;overflow-y: auto;"> |
||||
<view class="block_1 flex-col" |
||||
style="background-image: url(http://118.89.89.96/lanhu/6.png); background-repeat: no-repeat; background-size: 100% 100%;"> |
||||
|
||||
|
||||
<image class="group_1 flex-col" src="http://118.89.89.96/lanhu/7.png" /> |
||||
|
||||
</image> |
||||
|
||||
|
||||
<view class="group_2 flex-col"> |
||||
<view class="box_1 flex-row justify-between"> |
||||
<text class="text_1">九号笙活 No.9 Night life</text> |
||||
<view class="image-text_1 flex-col justify-between"> |
||||
<image class="label_1" referrerpolicy="no-referrer" |
||||
src="http://118.89.89.96/lanhu_zhuye1/ps509cdg9zqwinq1owtd7zy9syyikr5bk1p94fdac60-3611-4c44-85de-c9a6ea7098dd.png" /> |
||||
<text class="text-group_1">分享</text> |
||||
</view> |
||||
</view> |
||||
<view class="box_2 flex-row justify-between"> |
||||
<view class="text-wrapper_1 flex-col"> |
||||
<text class="text_2">营业中</text> |
||||
</view> |
||||
<text class="text_3">营业时间:19:59-05:30</text> |
||||
</view> |
||||
<image class="image_1" @click="go1" |
||||
src="http://118.89.89.96/lanhu_zhuye1/ps7o5jktbhk7vl9wqte3bixrmbii6g06cpe313eb71-f2d8-43b3-b134-e7104de4f8c4.png" /> |
||||
<view class="image-text_2 flex-row justify-between"> |
||||
<image class="label_2" referrerpolicy="no-referrer" |
||||
src="http://118.89.89.96/lanhu_zhuye1/ps50aro0kmoakynt2s60ho3ade2pushkacbd4b06b0-fb24-4171-b9b0-809e906a4776.png" /> |
||||
<text class="text-group_2">安徽省合肥市包河区大宁缤购商业中心</text> |
||||
</view> |
||||
<view class="box_3 flex-row"> |
||||
<view class="image-text_3 flex-row justify-between"> |
||||
<image class="label_3" referrerpolicy="no-referrer" |
||||
src="http://118.89.89.96/lanhu_zhuye1/psxreqyy5b7l3bo3wo6uyvu6x5l5xmsv0c9936a580-660a-40f9-a818-dba31bb8f743.png" /> |
||||
<text class="text-group_3">查看导航</text> |
||||
</view> |
||||
<view class="image-text_4 flex-row justify-between"> |
||||
<image class="label_4" referrerpolicy="no-referrer" |
||||
src="http://118.89.89.96/lanhu_zhuye1/psewr4akzugt8q6xhv9sq2dtipwt4f4ov9e6740a42-c1c6-43ca-9b91-16b2d33bad0a.png" /> |
||||
<text class="text-group_4">客服电话</text> |
||||
</view> |
||||
<view class="image-text_5 flex-row justify-between"> |
||||
<image class="label_5" referrerpolicy="no-referrer" |
||||
src="http://118.89.89.96/lanhu_zhuye1/pstlr6i3amcs9rjvmeh46hikh69g5pn60b3a406735-f36b-407e-9ea9-f70a4064c53a.png" /> |
||||
<text class="text-group_5">联系客服</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="group_3 flex-col"> |
||||
<view class="text-group_6 flex-col justify-between"> |
||||
<text class="text_4">品牌介绍</text> |
||||
<text class="text_5">Brand Introduction</text> |
||||
</view> |
||||
<text class="text_6" style="font-size:12px;"> |
||||
在凡客纳伯投资有限公司旗下品牌Club Miracle与夜光Luminous Party.K相继破圈之后,凡客纳伯集团全新品牌九号笙活强势入驻合肥,打破品牌与客户最后一档防线,九号笙活会员店是一家集酒吧、餐饮、酒水平价超市、潮牌为主题的生活体验馆。以更多不同的玩乐模式,筑造城市娱乐综合平台,更深度的与客户捆绑,为客户的夜生活提供全方位的选择。 |
||||
</text> |
||||
<view class="image-wrapper_1 flex-row"> |
||||
<image class="image_2" referrerpolicy="no-referrer" :src="item.lanhuimage0" |
||||
v-for="(item, index) in loopData0" :key="index" /> |
||||
</view> |
||||
</view> |
||||
<!-- 轮播图 --> |
||||
<view class="image-wrapper_2 flex-col"> |
||||
|
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
loopData0: [{ |
||||
lanhuimage0: 'http://118.89.89.96/lanhu/8.png' |
||||
}, |
||||
{ |
||||
lanhuimage0: 'http://118.89.89.96/lanhu/8.png' |
||||
}, |
||||
{ |
||||
lanhuimage0: 'http://118.89.89.96/lanhu/8.png' |
||||
} |
||||
], |
||||
constants: {} |
||||
}; |
||||
}, |
||||
methods: { |
||||
go1() { |
||||
console.log(123) |
||||
uni.switchTab({ |
||||
url: '/pages/index/index' |
||||
}); |
||||
} |
||||
|
||||
} |
||||
}; |
||||
</script> |
||||
<style lang='css'> |
||||
@import '../common/common.css'; |
||||
@import './assets/style/index.rpx.css'; |
||||
</style> |
After Width: | Height: | Size: 3.9 KiB |
Loading…
Reference in new issue