Skip to content

严立 / mini-shimao

Go to a project
Commit a6ad1c9c by 严立
Options

Signed-off-by: yanl <yanl@xmmakeit.com>

parent bff0d91a
Inline Side-by-side
Showing with 192 additions and 75 deletions
app.json
{
"pages": [
"pages/mine/mine",
"pages/home/home",
"pages/play/play",
"pages/home-strategy/home-strategy",
"pages/index/index",
"pages/campsite/campsite",
"pages/mine/mine"
"pages/campsite/campsite"
],
"usingComponents": {
"navigation": "../component/navigation/navigation",
"swiper-point": "../component/swiper-point/swiper-point",
"l-avatar": "../miniprogram_npm/lin-ui/avatar/index",
"l-button": "../miniprogram_npm/lin-ui/button/index",
"l-card": "../miniprogram_npm/lin-ui/card/index",
"l-capsule-bar": "../miniprogram_npm/lin-ui/capsule-bar/index",
......@@ -24,7 +25,8 @@
},
"window": {
"navigationStyle": "custom",
"backgroundTextStyle": "light"
"backgroundTextStyle": "light",
"enablePullDownRefresh": false
},
"tabBar": {
"color": "#a0a7b2",
......
pages/home/home.json
{
"disableScroll": true,
"usingComponents": {
"strategy-item": "./component/strategy-item/strategy-item"
}
......
pages/home/home.wxml
<navigation class="navigation" background="{{'rgba(255, 255, 255, 1)'}}"></navigation>
<view class="prohibit-pull-down">
<navigation class="navigation" background="{{'rgba(255, 255, 255, 1)'}}"></navigation>
<view class="container">
<image class="navigation-bar-image" src="/image/logo-w.png" hidden="{{!isNavigationLogoWhite}}"></image>
<image class="navigation-bar-image" src="/image/logo-b.png" hidden="{{isNavigationLogoWhite}}"></image>
<view class="container">
<image class="navigation-bar-image" src="/image/logo-w.png" hidden="{{!isNavigationLogoWhite}}"></image>
<image class="navigation-bar-image" src="/image/logo-b.png" hidden="{{isNavigationLogoWhite}}"></image>
<view id="banner" class="banner">
<swiper autoplay circular class="banner-swiper" style="{{navigationStyle}}" indicator-dots="{{true}}" interval="2000" duration="500" bindchange="onSwiperChange">
<block wx:for="{{banner}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<swiper-item class="banner-swiper-item">
<image class="banner-swiper-image" src="{{item}}"></image>
</swiper-item>
</block>
</swiper>
<view id="banner" class="banner">
<swiper autoplay circular class="banner-swiper" style="{{navigationStyle}}" indicator-dots="{{true}}" interval="2000" duration="500" bindchange="onSwiperChange">
<block wx:for="{{banner}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<swiper-item class="banner-swiper-item">
<image class="banner-swiper-image" src="{{item}}"></image>
</swiper-item>
</block>
</swiper>
<view class="banner-swiper-point">
<swiper-point bannerActiveIndex="{{bannerIndex}}"></swiper-point>
</view>
<view class="banner-wave">
<image src="/image/ornament-0.png" mode="widthFix"></image>
</view>
<view class="banner-swiper-point">
<swiper-point bannerActiveIndex="{{bannerIndex}}"></swiper-point>
</view>
<view class="banner-wave">
<image src="/image/ornament-0.png" mode="widthFix"></image>
</view>
<view class="banner-notice">
<l-list l-class="banner-notice-item" title="温泉公寓现已接受预定" image="/pages/home/image/inform.png"></l-list>
<view class="banner-notice">
<l-list l-class="banner-notice-item" title="温泉公寓现已接受预定" image="/pages/home/image/inform.png"></l-list>
</view>
</view>
</view>
<view class="detail">
<!-- 预约公告 -->
<view class="night row con-b">
<view>
<view class="title row align-c">
<image src="./image/night.png"></image>
<text>夜间入园预约</text>
<view class="detail">
<!-- 预约公告 -->
<view class="night row con-b">
<view>
<view class="title row align-c">
<image src="./image/night.png"></image>
<text>夜间入园预约</text>
</view>
<view class="describe">
<text>20:00后入园需提前预约，每日限流200人</text>
</view>
</view>
<view class="describe">
<text>20:00后入园需提前预约，每日限流200人</text>
<view>
<l-list title="去预约" l-class="list" l-content-class="list-title"></l-list>
</view>
</view>
<view>
<l-list title="去预约" l-class="list" l-content-class="list-title"></l-list>
</view>
</view>
<!-- 智慧导览 -->
<view class="guide detail-item">
<image src="./image/title-guide.png"></image>
<view class="guide-content">
<image class="background-image" src="./image/guide.png" mode="aspectFit"></image>
<view class="operation col">
<text>探索精彩去处</text>
<button>进入电子地图</button>
<!-- 智慧导览 -->
<view class="guide detail-item">
<image src="./image/title-guide.png"></image>
<view class="guide-content">
<image class="background-image" src="./image/guide.png" mode="aspectFit"></image>
<view class="operation col">
<text>探索精彩去处</text>
<button>进入电子地图</button>
</view>
</view>
</view>
</view>
<!-- 预约看房 -->
<view class="appointment detail-item">
<image src="./image/title-appointment.png"></image>
<view class="appointment-content">
<image class="background-image" src="./image/appointment.png" mode="aspectFit"></image>
<view class="operation col">
<text>温泉公寓</text>
<text>体验海洋温泉，享受湿地与海景双重景观</text>
<button>立即预约</button>
<!-- 预约看房 -->
<view class="appointment detail-item">
<image src="./image/title-appointment.png"></image>
<view class="appointment-content">
<image class="background-image" src="./image/appointment.png" mode="aspectFit"></image>
<view class="operation col">
<text>温泉公寓</text>
<text>体验海洋温泉，享受湿地与海景双重景观</text>
<button>立即预约</button>
</view>
</view>
</view>
</view>
<!-- 游客攻略 -->
<view class="strategy detail-item">
<image src="./image/title-strategy.png"></image>
<view class="strategy-content">
<image class="background-image" src="./image/strategy.png" mode="aspectFit"></image>
<view class="operation col">
<text>凉爽一夏，在银湖湾听海踏浪</text>
<!-- 游客攻略 -->
<view class="strategy detail-item">
<image src="./image/title-strategy.png"></image>
<view class="strategy-content">
<image class="background-image" src="./image/strategy.png" mode="aspectFit"></image>
<view class="operation col">
<text>凉爽一夏，在银湖湾听海踏浪</text>
</view>
</view>
</view>
</view>
<view>
<l-water-flow column-gap="14rpx" generic:l-water-flow-item="strategy-item" bind:linitemtap="onStrategyDetail"></l-water-flow>
<view>
<l-water-flow column-gap="14rpx" generic:l-water-flow-item="strategy-item" bind:linitemtap="onStrategyDetail"></l-water-flow>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
pages/mine/mine.wxml
<!--pages/mine/mine.wxml-->
<!-- <l-button bind:getuserinfo="getUserInfo" open-type="getUserInfo"></l-button> -->
<text>mine</text>
\ No newline at end of file
<navigation class="navigation" titleText="我的" backIcon="/image/back.png"></navigation>
<view class="container">
<view class="mine">
<image class="background-image" src="./image/mine.png"></image>
<view class="row align-c">
<view class="mine-avatar">
<l-avatar size="112" icon="user" />
</view>
<view class="mine-info col">
<view class="row align-c">
<text>张笑寒</text>
<image src="./image/inform.png"></image>
</view>
<view>
<text>18030242524</text>
</view>
</view>
</view>
</view>
<view class="status row con-b align-c">
<view class="status-symbol col">
<text>业主认证</text>
<text>享受业主尊贵特权，预定消费专属优惠</text>
</view>
<view class="status-operation row con-c align-c">
<text>去认证</text>
</view>
</view>
<view class="menu">
<l-list l-content-class="menu-title" title="我的活动"></l-list>
<l-list l-content-class="menu-title" title="我的预约"></l-list>
<l-list l-content-class="menu-title" title="服务中心"></l-list>
</view>
</view>
\ No newline at end of file
pages/mine/mine.wxss
/* pages/mine/mine.wxss */
\ No newline at end of file
.mine {
position: relative;
width: 750rpx;
height: 380rpx;
padding: 220rpx 0 0 48rpx;
}
.mine-avatar {
margin-right: 32rpx;
}
.mine-info view:nth-child(1) text {
margin-right: 20rpx;
font-size: 42rpx;
font-weight: bolder;
}
.mine-info view:nth-child(1) image {
width: 40rpx;
height: 40rpx;
}
.mine-info view:nth-child(2) {
margin-top: 20rpx;
}
.mine-info view:nth-child(2) text {
font-size: 26rpx;
color: #959DA9;
}
.status {
width: 654rpx;
height: 130rpx;
padding: 24rpx 32rpx 24rpx 40rpx;
border-radius: 4rpx;
background: linear-gradient(#FBE9D0, #EBD3B2);
}
.status-symbol text:nth-child(1) {
font-size: 30rpx;
font-weight: bolder;
color: #342512;
}
.status-symbol text:nth-child(2) {
margin-top: 14rpx;
font-size: 22rpx;
color: #483522;
}
.status-operation {
width: 110rpx;
height: 52rpx;
border-radius: 2rpx;
border:1px solid rgba(72,53,34,1);
}
.status-operation text {
font-size: 26rpx;
font-weight: bolder;
color: #483522;
}
.menu {
width: 750rpx;
margin-top: 60rpx;
padding: 0 48rpx;
}
.menu-title {
font-weight: bolder;
}
\ No newline at end of file
wxss/samcss-layout.wxss
/* SAMCSS-layout */
.prohibit-pull-down {
height: 100vh;
overflow: scroll;
}
.navigation {
position: fixed;
top: 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment