Browse Source

节假日活动日历

master
jiazhipeng 12 months ago
parent
commit
12ba593848
  1. 2
      app.js
  2. 3
      pages/component/newCalendar/index.js
  3. 5
      pages/component/newCalendar/index.wxml
  4. 19
      pages/component/newCalendar/index.wxss
  5. 18
      pages/list/activitynew/index.wxss

2
app.js

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

3
pages/component/newCalendar/index.js

@ -257,7 +257,8 @@ Component({
return { return {
  ...item,   ...item,
color:'#DE4126', color:'#DE4126',
  background:'#FFECDB'   background:'#FFECDB',
borderBottom: "0.02px solid #E99C3C"
} }
}else if (item.name == '春节') { }else if (item.name == '春节') {
return { return {

5
pages/component/newCalendar/index.wxml

@ -19,6 +19,8 @@
</view> </view>
<!-- 日期 --> <!-- 日期 -->
<view class="date-wrap"> <view class="date-wrap">
<image wx:if="{{currentViewType === 'month'}}" class="bottom-image" src="https://static.ticket.sz-trip.com/uploads/20250421/a0b731399b5c348ae4dc5199c9034ab5.png"></image>
<view class="week"> <view class="week">
<text wx:for="{{weeksArr}}" wx:key="*this">{{item}}</text> <text wx:for="{{weeksArr}}" wx:key="*this">{{item}}</text>
</view> </view>
@ -32,7 +34,8 @@
<view class="mouth-date current-mouth " wx:for="{{currentViewType === 'month' ? nowMonthDays : weekDay}}" wx:key="*this" bindtap="selectDate" <view class="mouth-date current-mouth " wx:for="{{currentViewType === 'month' ? nowMonthDays : weekDay}}" wx:key="*this" bindtap="selectDate"
data-item="{{item}}" data-type="nowMonthDays" data-index="{{index}}" data-item="{{item}}" data-type="nowMonthDays" data-index="{{index}}"
> >
<view class="day-box {{item.isNowMonthDay?'active':''}} {{item.isHoliday ? 'holiday' : ''}}{{item.isHoliday&&item.isNowMonthDay ? 'active' : ''}}" style="background: {{ item.isHoliday.background }};color: {{ item.isHoliday.color }}"> <view class="day-box {{item.isNowMonthDay?'active':''}} {{item.isHoliday ? 'holiday' : ''}}{{item.isHoliday&&item.isNowMonthDay ? 'active' : ''}}"
style="background: {{ item.isHoliday.background }};color: {{ item.isHoliday.color }};border-bottom: {{item.isHoliday.borderBottom||'none'}};">
<text class="day-text"> <text class="day-text">
<!-- <text class="day-text {{item.isHoliday?'color':''}} "> --> <!-- <text class="day-text {{item.isHoliday?'color':''}} "> -->
<text>{{item.date}}</text> <text>{{item.date}}</text>

19
pages/component/newCalendar/index.wxss

@ -1,4 +1,7 @@
/* components/xx-calendar/xx-calendar.wxss */ /* components/xx-calendar/xx-calendar.wxss */
page{
background: #F0B643;
}
/* 头部样式start */ /* 头部样式start */
.title-wrap{ .title-wrap{
/* background-color: #F2F2F2; */ /* background-color: #F2F2F2; */
@ -16,7 +19,10 @@
/* background-image: url("https://static.ticket.sz-trip.com/uploads/20240605/82a51ad6c58274c78f99fef4af3c9739.png"); */ /* background-image: url("https://static.ticket.sz-trip.com/uploads/20240605/82a51ad6c58274c78f99fef4af3c9739.png"); */
background-size: 100% 100%; background-size: 100% 100%;
width: 100%; width: 100%;
height: 65.67rpx /* height: 65.67rpx; */
height: 256.67rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20250421/58fee5695a0b676a14e8157b809ba1d6.png");
box-sizing: border-box;
} }
.change-date{ .change-date{
display: flex; display: flex;
@ -58,7 +64,7 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
border-radius: 20rpx; border-radius: 20rpx;
margin-top: -28rpx; margin-top: -144rpx;
position: relative; position: relative;
} }
.mouth-date{ .mouth-date{
@ -191,3 +197,12 @@
width: 20rpx; width: 20rpx;
height: 20rpx; height: 20rpx;
} }
.bottom-image{
position: absolute;
bottom: 0;
right: 0;
width: 290.13rpx;
height: 146rpx;
}

18
pages/list/activitynew/index.wxss

@ -128,6 +128,8 @@ background: rgba(11, 137, 142, .1);
border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0;
margin-top: 20rpx; margin-top: 20rpx;
position: relative; position: relative;
background-image: url("https://static.ticket.sz-trip.com/uploads/20250421/63b9ec7a1192790eed3e5dcf915212c0.png");
background-size: 100% 100%;
} }
.activity-list { .activity-list {
width: 697rpx; width: 697rpx;
@ -325,6 +327,7 @@ background: rgba(11, 137, 142, .1);
color: #0B898E; color: #0B898E;
/* 节假日花样 */ /* 节假日花样 */
/* color: #DE4126; */ /* color: #DE4126; */
color: #DE4126;
} }
.new-top-search-box { .new-top-search-box {
display: flex; display: flex;
@ -350,9 +353,10 @@ flex-shrink: 0;
position: relative; position: relative;
z-index: 9; z-index: 9;
align-items: center; align-items: center;
} }
.types-item { .types-item {
border: 1px solid #999999; /* border: 1px solid #999999; */
border-radius: 27rpx; border-radius: 27rpx;
height: 53rpx; height: 53rpx;
padding: 0 25rpx; padding: 0 25rpx;
@ -360,6 +364,7 @@ flex-shrink: 0;
line-height: 53rpx; line-height: 53rpx;
margin-right: 13rpx; margin-right: 13rpx;
flex-shrink: 0; flex-shrink: 0;
border: 1px solid #FFC987;
} }
.types-item-active { .types-item-active {
/* padding: 0 79rpx; */ /* padding: 0 79rpx; */
@ -369,7 +374,7 @@ flex-shrink: 0;
/* height: 91.33rpx; */ /* height: 91.33rpx; */
line-height: 57rpx; line-height: 57rpx;
display: inline-block; display: inline-block;
background: #0B898E; /* background: #0B898E; */
color: #FFFFFF; color: #FFFFFF;
border-radius: 27rpx; border-radius: 27rpx;
margin-right: 13rpx; margin-right: 13rpx;
@ -379,6 +384,15 @@ flex-shrink: 0;
background-size: 100% 100%; background-size: 100% 100%;
/* margin-top: -15rpx; */ /* margin-top: -15rpx; */
text-align: center; text-align: center;
min-width: 177.33rpx;
box-sizing: border-box;
color: #DA4939;
text-shadow:
-1px -1px 0 white,
1px -1px 0 white,
-1px 1px 0 white,
1px 1px 0 white;
background-image: url("https://static.ticket.sz-trip.com/uploads/20250421/48ce52adb4044d6b91bbce05047695a5.png");
} }
/* 不显示滚动条 */ /* 不显示滚动条 */
.types-box::-webkit-scrollbar { .types-box::-webkit-scrollbar {

Loading…
Cancel
Save