bbnv1
/
test
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

ui调整像素

master
shaojing 2 years ago
parent
11ae28e894
commit
c89fac54ac
9 changed files with 94 additions and 53 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      app.js
  2. 5
      pages/component/newCalendar/index.wxss
  3. 23
      pages/index/index.wxml
  4. 42
      pages/index/index.wxss
  5. 4
      pages/list/activitynew/index.wxml
  6. 3
      pages/list/activitynew/index.wxss
  7. 3
      pages/list/scene/index.wxss
  8. 23
      subPackages/indexs/index.wxml
  9. 42
      subPackages/indexs/index.wxss

2
app.js
View File

@ -21,7 +21,7 @@ App({
unique_key: "wechatxcx"
}).then(res => {
let data = JSON.parse(res.data);
data.isTest = data.isTest118? true : false;
data.isTest = data.isTest119? true : false;
this.globalData.configJson = data
}).then(() => {
// 获取ui配置文件

5
pages/component/newCalendar/index.wxss
View File

@ -11,17 +11,18 @@
/* 节假日花样 */
/* background-color: #FFD6B2; */
margin: 0 auto;
padding: 37rpx 22rpx 40rpx;
padding: 37rpx 0 40rpx;
/* 节假日花样 */
background-image: url("https://static.ticket.sz-trip.com/uploads/20240605/82a51ad6c58274c78f99fef4af3c9739.png");
background-size: 100% 100%;
width: 90%;
width: 100%;
height: 65.67rpx
}
.change-date{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 22rpx;
}
.change-date image{
width: 50rpx;

23
pages/index/index.wxml
View File

@ -42,9 +42,9 @@
</view>
</view>
<view wx:if="{{hdrlNavIndex!=4}}">
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" class="hdrlList">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this">
<view style="background: #fff;width: 630rpx;display: flex;border-radius: 13rpx;">
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" class="hdrlList" wx:if="{{!isTest}}">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this" style="width: 593.33rpx;">
<view style="background: #fff;display: flex;border-radius: 13rpx;">
<image class="hdrlItem-img" src="{{item.post_url}}" mode=""/>
<view class="hdrlItem-content">
<view class="hdrlItem-title textOver3">{{item.name}}</view>
@ -55,11 +55,11 @@
</view>
</view>
<view wx:else>
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;">
<view class="movieItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this">
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" wx:if="{{!isTest}}" class="one">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this">
<view style="background: #fff;width: 570rpx;display: flex;border-radius: 13rpx;">
<image class="movieItem-img" src="{{item.headimg}}" mode=""/>
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 5rpx 2rpx;font-size: 30rpx;font-weight: 500;width: 500rpx;">
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 5rpx 2rpx;font-size: 30rpx;font-weight: 500;width: 500rpx;box-sizing: border-box;">
<view>{{item.title}}</view>
<view style="display: flex;justify-content: flex-end;">
<view class="buyMovie">去购票 ></view>
@ -70,10 +70,11 @@
</view>
</view>
<!-- 高峰预警、实时路况及几个板块 -->
<view class="main-box">
<view class="main-box" wx:if="{{!isTest}}">
<!-- 上面的高峰预警、实时路况 -->
<view class="main-box-top">
<image bindtap="gotoPath" data-path="/pages/pbService/sceneComfort/index" class="gfyj" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/gfyj.png" mode=""/>
<image bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度"
data-url="https://m.cloud.sz-trip.com/ScenicComfort" class="gfyj" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/gfyj.png" mode=""/>
<image bindtap="gotoUrl" data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="sslk" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/sslk.png" mode=""/>
</view>
<!-- 下面几大板块 -->
@ -145,8 +146,8 @@
<image style="width: 218rpx;height: 109.33rpx;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/boat.png" mode=""/>
</view>
<view class="ysz-box {{yszIndex==1?'ysz-box2':''}}">
<view wx:if="{{yszIndex == 0}}">
<view class="pbservice ggfw-list" style="width:100%;margin-top: 30rpx;justify-content: space-between;">
<view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;">
<view class="pbservice ggfw-list" style="width:100%;justify-content: space-between;">
<view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/anquan.png" mode="widthFix"></image>
<view>安全服务</view>
@ -190,7 +191,7 @@
<!-- 推荐榜单 -->
<image class="tjbd-title" style="width: 286.67rpx;height: 80rpx;margin-left: 26rpx;margin-bottom: 20rpx;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/tjbd.png" mode=""/>
<!-- 4个产品榜单 -->
<view style="display: flex;overflow-x: scroll;padding-right: 20rpx;" class="bottom-box">
<view style="display: flex;overflow-x: scroll;padding-right: 20rpx;" class="bottom-box" wx:if="{{!isTest}}">
<view class="bd-box" style="background:{{item.bg}};" wx:for="{{bdList}}" wx:key="this">
<image class="zz" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/zzIcon.png" mode=""/>
<view class="bd-top">

42
pages/index/index.wxss
View File

@ -105,6 +105,7 @@ page {
}
.content {
/* margin: 0 25rpx; */
margin-top: 20.67rpx;
}
.sale-road-boxes {
display: flex;
@ -306,12 +307,15 @@ page {
} */
/* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */
.pic-list {
width: 100%;
/* width: 100%;
display: flex;
margin-right: 26rpx;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-wrap: wrap; */
display: flex;
justify-content: space-between;
margin: 0 28rpx;
}
.title-more {
font-size: 24rpx;
@ -1030,9 +1034,9 @@ page {
}
/* 元旦修改新增样式 */
.new-pic {
width: 150rpx !important;
height: 218.67rpx !important;
margin-bottom: 26.67rpx;
width: 160rpx !important;
height: 255rpx !important;
/* margin-bottom: 26.67rpx; */
}
.ggfw-list {
@ -1191,8 +1195,8 @@ page {
}
.hdrlItem {
flex-shrink: 0;
padding: 26.67rpx 32rpx 26.67rpx 20rpx;
width: 593.33rpx;
padding: 26.67rpx 22rpx 26.67rpx 20rpx;
/* width: 593.33rpx; */
display: flex;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
@ -1248,10 +1252,11 @@ page {
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
flex-shrink: 0;
height: 206.67rpx;
}
.movieItem-img {
width: 230rpx;
height: 230rpx;
width: 213rpx;
height: 213rpx;
border-radius: 18rpx;
margin-right: 18rpx;
flex-shrink: 0;
@ -1259,15 +1264,18 @@ page {
.ysz-box {
margin: 0 8rpx 15.33rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20240604/d59d35c02ced0da92a366971a63a2476.png");
padding: 43.33rpx 59rpx 46.67rpx 58rpx;
/* padding: 43.33rpx 59rpx 46.67rpx 58rpx; */
background-size: 100% 100%;
width: 733.33rpx;
height: 320rpx;
padding-top: 33.33rpx;
}
.ysz-more {
width: 333rpx;
height: 53rpx;
background: #FFFFFF;
border-radius: 27rpx;
margin: 38rpx auto 0;
margin: 23rpx auto 0;
text-align: center;
line-height: 53rpx;
font-weight: 500;
@ -1275,7 +1283,8 @@ page {
color: #078565;
}
.ysz-box2 {
padding: 20rpx 35rpx;
/* padding: 20rpx 35rpx; */
padding-top: 23.33rpx;
}
.tjbd-title {
width: 286.67rpx;
@ -1425,3 +1434,12 @@ page {
-webkit-line-clamp: 3;
overflow: hidden;
}
.public-box {
width: 593.33rpx;
height: 266.67rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
}
.one::-webkit-scrollbar{
display:none;
}

4
pages/list/activitynew/index.wxml
View File

@ -91,7 +91,7 @@
<view bindtap="changeMovieType" data-type='2' class="movie-type {{movieType==2?'active':''}}">影院</view>
<!-- <view bindtap="changeMovieType" data-type='3' class="movie-type {{movieType==3?'active':''}}">即将上映</view> -->
</view>
<view class="sort-box" wx:if="{{type==4 && movieType==2}}">
<view class="sort-box" wx:if="{{type==4 && movieType==2}}" style="background: #0B898E;">
<picker class="m-sort" mode="selector" value="{{movieArea}}" range="{{movieAreas}}" range-key="area_title" bindchange="setCity">
<view class="m-picker">
<view class="active">{{movieAreas[movieArea].area_title}}</view>
@ -134,7 +134,7 @@
</view>
</view>
</view>
<view wx:if="{{list.length>0 && type==4 && movieType==2}}">
<view wx:if="{{list.length>0 && type==4 && movieType==2}}" style="background: #0B898E;">
<view bindtap="gotoDetail" data-item="{{item}}" class="activity-item activity-item-out" style="margin-top:0;padding:10rpx 20rpx" wx:for="{{list}}">
<view class="activity-info" style="height:160rpx;width:500rpx">
<view class="activity-title textOver2">{{item.title}}</view>

3
pages/list/activitynew/index.wxss
View File

@ -132,8 +132,7 @@ background: rgba(11, 137, 142, .1);
.activity-list {
width: 697rpx;
/* padding: 0 24rpx; */
/* background: #0B898E; */
background: #FFFFFF;
background: #0B898E;
min-height:1300rpx;
margin: 0 auto;
}

3
pages/list/scene/index.wxss
View File

@ -141,6 +141,9 @@
overflow-x: scroll;
flex-wrap: nowrap;
}
.navBox::-webkit-scrollbar{
display:none;
}
.nav {
display: flex;

23
subPackages/indexs/index.wxml
View File

@ -42,9 +42,9 @@
</view>
</view>
<view wx:if="{{hdrlNavIndex!=4}}">
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" class="hdrlList">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this">
<view style="background: #fff;width: 630rpx;display: flex;border-radius: 13rpx;">
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" class="hdrlList" wx:if="{{!isTest}}">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this" style="width: 593.33rpx;">
<view style="background: #fff;display: flex;border-radius: 13rpx;">
<image class="hdrlItem-img" src="{{item.post_url}}" mode=""/>
<view class="hdrlItem-content">
<view class="hdrlItem-title textOver3">{{item.name}}</view>
@ -55,11 +55,11 @@
</view>
</view>
<view wx:else>
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;">
<view class="movieItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this">
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" wx:if="{{!isTest}}" class="one">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this">
<view style="background: #fff;width: 570rpx;display: flex;border-radius: 13rpx;">
<image class="movieItem-img" src="{{item.headimg}}" mode=""/>
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 5rpx 2rpx;font-size: 30rpx;font-weight: 500;width: 500rpx;">
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 5rpx 2rpx;font-size: 30rpx;font-weight: 500;width: 500rpx;box-sizing: border-box;">
<view>{{item.title}}</view>
<view style="display: flex;justify-content: flex-end;">
<view class="buyMovie">去购票 ></view>
@ -70,10 +70,11 @@
</view>
</view>
<!-- 高峰预警、实时路况及几个板块 -->
<view class="main-box">
<view class="main-box" wx:if="{{!isTest}}">
<!-- 上面的高峰预警、实时路况 -->
<view class="main-box-top">
<image bindtap="gotoPath" data-path="/pages/pbService/sceneComfort/index" class="gfyj" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/gfyj.png" mode=""/>
<image bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度"
data-url="https://m.cloud.sz-trip.com/ScenicComfort" class="gfyj" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/gfyj.png" mode=""/>
<image bindtap="gotoUrl" data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="sslk" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/sslk.png" mode=""/>
</view>
<!-- 下面几大板块 -->
@ -145,8 +146,8 @@
<image style="width: 218rpx;height: 109.33rpx;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/boat.png" mode=""/>
</view>
<view class="ysz-box {{yszIndex==1?'ysz-box2':''}}">
<view wx:if="{{yszIndex == 0}}">
<view class="pbservice ggfw-list" style="width:100%;margin-top: 30rpx;justify-content: space-between;">
<view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;">
<view class="pbservice ggfw-list" style="width:100%;justify-content: space-between;">
<view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/anquan.png" mode="widthFix"></image>
<view>安全服务</view>
@ -190,7 +191,7 @@
<!-- 推荐榜单 -->
<image class="tjbd-title" style="width: 286.67rpx;height: 80rpx;margin-left: 26rpx;margin-bottom: 20rpx;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/tjbd.png" mode=""/>
<!-- 4个产品榜单 -->
<view style="display: flex;overflow-x: scroll;padding-right: 20rpx;" class="bottom-box">
<view style="display: flex;overflow-x: scroll;padding-right: 20rpx;" class="bottom-box" wx:if="{{!isTest}}">
<view class="bd-box" style="background:{{item.bg}};" wx:for="{{bdList}}" wx:key="this">
<image class="zz" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/zzIcon.png" mode=""/>
<view class="bd-top">

42
subPackages/indexs/index.wxss
View File

@ -105,6 +105,7 @@ page {
}
.content {
/* margin: 0 25rpx; */
margin-top: 20.67rpx;
}
.sale-road-boxes {
display: flex;
@ -306,12 +307,15 @@ page {
} */
/* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */
.pic-list {
width: 100%;
/* width: 100%;
display: flex;
margin-right: 26rpx;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-wrap: wrap; */
display: flex;
justify-content: space-between;
margin: 0 28rpx;
}
.title-more {
font-size: 24rpx;
@ -1030,9 +1034,9 @@ page {
}
/* 元旦修改新增样式 */
.new-pic {
width: 150rpx !important;
height: 218.67rpx !important;
margin-bottom: 26.67rpx;
width: 160rpx !important;
height: 255rpx !important;
/* margin-bottom: 26.67rpx; */
}
.ggfw-list {
@ -1191,8 +1195,8 @@ page {
}
.hdrlItem {
flex-shrink: 0;
padding: 26.67rpx 32rpx 26.67rpx 20rpx;
width: 593.33rpx;
padding: 26.67rpx 22rpx 26.67rpx 20rpx;
/* width: 593.33rpx; */
display: flex;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
@ -1248,10 +1252,11 @@ page {
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
flex-shrink: 0;
height: 206.67rpx;
}
.movieItem-img {
width: 230rpx;
height: 230rpx;
width: 213rpx;
height: 213rpx;
border-radius: 18rpx;
margin-right: 18rpx;
flex-shrink: 0;
@ -1259,15 +1264,18 @@ page {
.ysz-box {
margin: 0 8rpx 15.33rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20240604/d59d35c02ced0da92a366971a63a2476.png");
padding: 43.33rpx 59rpx 46.67rpx 58rpx;
/* padding: 43.33rpx 59rpx 46.67rpx 58rpx; */
background-size: 100% 100%;
width: 733.33rpx;
height: 320rpx;
padding-top: 33.33rpx;
}
.ysz-more {
width: 333rpx;
height: 53rpx;
background: #FFFFFF;
border-radius: 27rpx;
margin: 38rpx auto 0;
margin: 23rpx auto 0;
text-align: center;
line-height: 53rpx;
font-weight: 500;
@ -1275,7 +1283,8 @@ page {
color: #078565;
}
.ysz-box2 {
padding: 20rpx 35rpx;
/* padding: 20rpx 35rpx; */
padding-top: 23.33rpx;
}
.tjbd-title {
width: 286.67rpx;
@ -1425,3 +1434,12 @@ page {
-webkit-line-clamp: 3;
overflow: hidden;
}
.public-box {
width: 593.33rpx;
height: 266.67rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
}
.one::-webkit-scrollbar{
display:none;
}
Write Preview
Loading…
Cancel
Save