Commit e3108493 authored by pengguangpu's avatar pengguangpu

添加海报页面;

parent d801a642
{
"pages": [
"pages/poster/poster",
"pages/index/index",
"pages/home/home",
"pages/waitoperate/waitoperate",
"pages/landscan/landscan",
"pages/payresult/payresult"
],
"window": {
"defaultTitle": "My App",
"defaultTitle": "",
"extScreenApp": "YES"
}
}
.posterPage {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
position: absolute;
}
.topView {
position: absolute;
top: 0rpx;
width: 100%;
height: 60rpx;
background: #ffffff;
box-shadow: 0rpx 2rpx 7rpx 0rpx rgba(153, 153, 153, 0.16);
/* border: 2px solid red; */
}
.posterBackButton {
position: absolute;
height: 60rpx;
text-align: center;
align-items: center;
align-content: center;
font-size: 19rpx;
line-height: 60rpx;
/* border: 2px solid red; */
padding-left: 19rpx;
padding-right: 19rpx;
}
.titleText {
position: absolute;
line-height: 60rpx;
height: 100%;
font-size: 22rpx;
font-weight: bold;
text-align: center;
align-items: center;
width: 100%;
align-content: center;
/* border: 2px solid red; */
}
.posterBottomView {
height: 100%;
background: white;
width: 100%;
position: absolute;
display: flex;
flex-direction: row;
/* border: 2px solid red; */
}
.posterScrollView {
white-space: nowrap;
display: flex;
margin-top: 60rpx;
}
.posterScrollViewItem {
flex-shrink: 0;
flex-grow: 0;
width: 180rpx;
height: 100%;
border: 2px solid red;
display: flex;
flex-direction: column;
}
\ No newline at end of file
<view class="posterPage">
<!--下半部分布局-->
<view class="posterBottomView">
<!--横向海报列表-->
<scroll-view class="posterScrollView" scroll-x="{{true}}" style="width: 100%">
<block a:for="{{6}}">
<view class="posterScrollViewItem">
<view style="margin:0 auto;color:#007AFF;margin-top:14rpx;" hidden="{{}}">
<text>显示中</text>
</view>
<!--选中时的边框图-->
<view style="margin:0 auto;">
<image mode="aspectFit" style="margin:0 auto;width:156rpx;height:249rpx;margin-top:13rpx;" hidden="{{}}" src="/images/bg_poster_demo.png"/>
</view>
<image mode="aspectFit" style="margin:0 auto;width:22rpx;height:22rpx;margin-top:14rpx;" hidden="{{}}" src="/images/icon_success.png"/>
<!-- <image mode="aspectFit" style="margin:0 auto;width:22rpx;height:22rpx;margin-top:14rpx;" hidden="{{}}" src="/images/.png"/> -->
</view>
</block>
</scroll-view>
</view>
<!--topTitle-->
<view class="topView">
<!--返回键-->
<view class="posterBackButton">
<image mode="aspectFit" style="width:9rpx;height:18rpx;margin-right:8rpx;" src="/images/icon_back.png"/>
<text>返回</text>
</view>
<!--title-->
<view class="titleText">
<text>海报</text>
</view>
</view>
</view>
\ No newline at end of file
Page({
data: {
},
onLoad() {},
});
{
"transparentTitle": "always"
}
\ No newline at end of file
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 to comment