wangmingchuan321@qq.com 2 months ago
parent 3c72bfe84f
commit b3b7c54a32
  1. 2
      manifest.json
  2. 123
      pages.json
  3. 65
      pages/common/common.css
  4. 65
      pages/common/common.less
  5. 65
      pages/common/common.scss
  6. 330
      pages/lanhu_zhuye1/assets/style/index.rpx.css
  7. 104
      pages/lanhu_zhuye1/index.vue
  8. BIN
      static/logo.png

@ -1,6 +1,6 @@
{
"name" : "九号笙活",
"appid" : "__UNI__92A0FD7",
"appid" : "__UNI__C6407EF",
"description" : "多门店",
"versionName" : "3.0.0",
"versionCode" : 303,

@ -3,8 +3,18 @@
"^w-(.*)": "@/uni_modules/wmf-code/components/w-$1/index.vue" // uni_modules
},
"pages": [ //pageshttps://uniapp.dcloud.io/collocation/pages
// {
// "path": "pages/guide/index",
// "style": {
// "app-plus": {
// "titleNView": false //
// },
// "navigationStyle": "custom",
// "disableScroll": true
// }
// },
{
"path": "pages/guide/index",
"path": "pages/lanhu_zhuye1/index",
"style": {
"app-plus": {
"titleNView": false //
@ -18,7 +28,7 @@
"style": {
"navigationBarTitleText": "",
"navigationStyle": "custom"
}
},
{
@ -337,6 +347,105 @@
}
}
},
// {
// "path": "lanhu/lanhu_cunjiujilu/index",
// "style": {
// "navigationBarTitleText": "存酒记录1",
// "navigationStyle": "custom",
// "app-plus": {
// // #ifdef APP-PLUS
// "titleNView": {
// "type": "default"
// }
// // #endif
// }
// }
// },
// {
// "path": "lanhu/lanhu_cunjiujilu2/index",
// "style": {
// "navigationBarTitleText": "取酒记录1",
// "navigationStyle": "custom",
// "app-plus": {
// // #ifdef APP-PLUS
// "titleNView": {
// "type": "default"
// }
// // #endif
// }
// }
// },
// {
// "path": "lanhu/lanhu_cunqujiu/index",
// "style": {
// "navigationBarTitleText": "存取酒1",
// "navigationStyle": "custom",
// "app-plus": {
// // #ifdef APP-PLUS
// "titleNView": {
// "type": "default"
// }
// // #endif
// }
// }
// },
// {
// "path": "lanhu/lanhu_zhuye1/index",
// "style": {
// "navigationBarTitleText": "主页1",
// "navigationStyle": "custom",
// "app-plus": {
// // #ifdef APP-PLUS
// "titleNView": {
// "type": "default"
// }
// // #endif
// }
// }
// },
// {
// "path": "lanhu/lanhu_zhuye2/index",
// "style": {
// "navigationBarTitleText": "主页2",
// "navigationStyle": "custom",
// "app-plus": {
// // #ifdef APP-PLUS
// "titleNView": {
// "type": "default"
// }
// // #endif
// }
// }
// },
// {
// "path": "lanhu/lanhu_zuoweiyuding/index",
// "style": {
// "navigationBarTitleText": "座位预定",
// "navigationStyle": "custom",
// "app-plus": {
// // #ifdef APP-PLUS
// "titleNView": {
// "type": "default"
// }
// // #endif
// }
// }
// },
// {
// "path": "lanhu/lanhu_zuoweiyuding2/index",
// "style": {
// "navigationBarTitleText": "座位预定表单",
// "navigationStyle": "custom",
// "app-plus": {
// // #ifdef APP-PLUS
// "titleNView": {
// "type": "default"
// }
// // #endif
// }
// }
// },
{
"path": "user_bill/index",
"style": {
@ -480,10 +589,8 @@
"style": {
"navigationBarTitleText": "会员中心",
"navigationBarBackgroundColor": "#232323",
"navigationStyle": "custom"
,
"navigationBarTextStyle": "white"
,
"navigationStyle": "custom",
"navigationBarTextStyle": "white",
"app-plus": {
// #ifdef APP-PLUS
"titleNView": {
@ -627,8 +734,8 @@
// #ifdef MP
,
"navigationBarBackgroundColor": "#FFFFFF",
// #endif
// #endif
"app-plus": {
// #ifdef APP-PLUS
"titleNView": {

@ -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">九号笙活&nbsp;No.9&nbsp;Night&nbsp;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&nbsp;Introduction</text>
</view>
<text class="text_6" style="font-size:12px;">
在凡客纳伯投资有限公司旗下品牌Club&nbsp;Miracle与夜光Luminous&nbsp;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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Loading…
Cancel
Save