chenkainan 4 months ago
parent
commit
82178be29c
  1. 2
      manifest.json
  2. 14
      pages.json
  3. 4
      static/css/base.css
  4. 3
      static/js/CommonFunction.js
  5. 990
      subPackages/ticket/detail.vue
  6. 73
      subPackages/ticket/index.vue
  7. 1187
      subPackages/ticket/order.vue
  8. 22
      uni_modules/uni-calendar/changelog.md
  9. 14
      uni_modules/uni-calendar/components/uni-calendar/uni-calendar-item.vue
  10. 45
      uni_modules/uni-calendar/components/uni-calendar/uni-calendar.vue
  11. 14
      uni_modules/uni-calendar/components/uni-calendar/util.js
  12. 2
      uni_modules/uni-calendar/package.json
  13. 6
      uni_modules/uni-calendar/readme.md

2
manifest.json

@ -88,7 +88,7 @@
"disableHostCheck" : true,
"proxy" : {
"/api" : {
"target" : "https://changyoutaihuadmin.xmainc.com/", //
"target" : "https://api.cloud.sz-trip.com/", //
"changeOrigin" : true, //
"secure" : true, // https
"pathRewrite" : {

14
pages.json

@ -50,7 +50,19 @@
{
"path": "ticket/index",
"style": {
"navigationBarTitleText": "采摘"
"navigationBarTitleText": "田园采摘"
}
},
{
"path": "ticket/detail",
"style": {
"navigationBarTitleText": "详情"
}
},
{
"path": "ticket/order",
"style": {
"navigationBarTitleText": "提交订单"
}
},

4
static/css/base.css

@ -72,7 +72,9 @@ view {
padding: 30upx 0;
color: #999999;
}
.flex{
display: flex;
}
.flex-shrink-0{
flex-shrink: 0;
}

3
static/js/CommonFunction.js

@ -90,7 +90,8 @@ Vue.prototype.showImg = img => {
if (img.indexOf('https://') != -1 || img.indexOf('http://') != -1) {
return img;
} else {
return Vue.prototype.NEWAPIURL + img;
// return Vue.prototype.NEWAPIURL + img;
return 'https://swsz.api.js-dyyj.com'+img;
}
}

990
subPackages/ticket/detail.vue

File diff suppressed because it is too large

73
subPackages/ticket/index.vue

@ -10,14 +10,15 @@
<image class="left-image" :src="showImg(item.headimg||'')" mode="aspectFill"></image>
<view class="contentBox flex-column flex-1 w-1rpx">
<view class="title text-overflowRows">{{item.title}}</view>
<view class="subtitle flex">
<view class="text-overflow">{{item.address}}</view>
<view class="subtitle text-overflow" v-if="item.display_tags" style="font-size: 24rpx;color: #6A8A27;">
{{item.display_tags.split(',').join(" | ")}}
</view>
<view class="priceBox">
<view class="price price-money">
{{item.price/100}}
</view>
<view class="subtitle text-overflowRows">{{item.address}}</view>
<view class="price price-money">
{{item.price/100}}
</view>
</view>
</view>
</view>
@ -82,12 +83,9 @@
},
viewDetail (item) {
this.goOtherDetail(item)
if(!item.link_type) {
uni.navigateTo({
url:'/subPackages/ticketBooking/detail?id='+item.id
})
}
uni.navigateTo({
url:'/subPackages/ticket/detail?id='+item.id
})
},
},
onReachBottom() {
@ -105,22 +103,11 @@
}
.bg{
min-height: 100vh;
background: #FFFFFF;
background: #F9FCF3;
}
.topImg{
width: 100%;
height: 440rpx;
.icon-back{
position: fixed;
display: flex;
align-items: center;
z-index: 50;
background: rgba(0,0,0,0.5);
border-radius: 50%;
width: 60rpx;
height: 60rpx;
padding-left: 5rpx;
}
}
@ -131,54 +118,44 @@
.goodItem{
width: 100%;
height: 226rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 9rpx 0rpx rgba(153,153,153,0.38);
margin-bottom: 26rpx;
height: 240rpx;
margin-bottom: 30rpx;
display: flex;
border-radius: 13rpx;
.left-image{
width: 280rpx;
height: 226rpx;
border-radius: 13rpx;
width: 240rpx;
height: 100%;
border-radius: 20rpx;
flex-shrink: 0;
}
.contentBox{
padding: 20rpx;
padding: 10rpx 20rpx 0;
height: 100%;
justify-content: space-between;
.title{
width: 100%;
font-weight: bold;
font-size: 31rpx;
color: #000000;
color: #333333;
}
.subtitle{
font-weight: 500;
font-size: 27rpx;
color: #666666;
align-items: center;
.address-icon{
width: 21rpx;
height: 25rpx;
margin-right: 9rpx;
}
font-weight: 400;
font-size: 23rpx;
color: #999999;
}
.priceBox{
.price{
font-family: PingFang SC;
font-weight: bold;
font-size: 33rpx;
color: #C3282E;
color: #DC2525;
text-align: right;
}
.price-money::before{
content: '¥';
color: #C3282E;
font-size: 24rpx;
}
.price-money::after{
@ -187,7 +164,7 @@
font-size: 24rpx;
font-weight: normal;
}
}
}
}
}

1187
subPackages/ticket/order.vue

File diff suppressed because it is too large

22
uni_modules/uni-calendar/changelog.md

@ -1,20 +1,28 @@
## 1.4.11(2024-01-10)
- 修复 回到今天时,月份显示不一致问题
## 1.4.10(2023-04-10)
- 修复 某些情况 monthSwitch 未触发的Bug
## 1.4.9(2023-02-02)
- 修复 某些情况切换月份错误的Bug
## 1.4.8(2023-01-30)
- 修复 某些情况切换月份错误的Bug [详情](https://ask.dcloud.net.cn/question/161964)
## 1.4.7(2022-09-16)
- 可以使用 uni-scss 控制主题色
- 优化 支持使用 uni-scss 控制主题色
## 1.4.6(2022-09-08)
- fix: 表头年月切换,导致改变当前日期为选择月1号,且未触发change事件
- 修复 表头年月切换,导致改变当前日期为选择月1号,且未触发change事件的Bug
## 1.4.5(2022-02-25)
- 修复 条件编译 nvue 不支持的 css 样式
- 修复 条件编译 nvue 不支持的 css 样式的Bug
## 1.4.4(2022-02-25)
- 修复 条件编译 nvue 不支持的 css 样式
- 修复 条件编译 nvue 不支持的 css 样式的Bug
## 1.4.3(2021-09-22)
- 修复 startDate、 endDate 属性失效的 bug
- 修复 startDate、 endDate 属性失效的Bug
## 1.4.2(2021-08-24)
- 新增 支持国际化
## 1.4.1(2021-08-05)
- 修复 弹出层被 tabbar 遮盖 bug
- 修复 弹出层被 tabbar 遮盖的Bug
## 1.4.0(2021-07-30)
- 组件兼容 vue3,如何创建vue3项目,详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
## 1.3.16(2021-05-12)
- 新增 组件示例地址
## 1.3.15(2021-02-04)
- 调整为uni_modules目录规范
- 调整为uni_modules目录规范

14
uni_modules/uni-calendar/components/uni-calendar/uni-calendar-item.vue

@ -9,7 +9,7 @@
}"
@click="choiceDate(weeks)">
<view class="uni-calendar-item__weeks-box-item">
<text v-if="selected&&weeks.extraInfo" class="uni-calendar-item__weeks-box-circle"></text>
<text v-if="selected&&weeks.extraInfo&&!weeks.extraInfo.notNeedDot" class="uni-calendar-item__weeks-box-circle"></text>
<text class="uni-calendar-item__weeks-box-text" :class="{
'uni-calendar-item--isDay-text': weeks.isDay,
'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,
@ -51,11 +51,10 @@
</template>
<script>
import {
initVueI18n
} from '@dcloudio/uni-i18n'
import messages from './i18n/index.js'
const { t } = initVueI18n(messages)
import { initVueI18n } from '@dcloudio/uni-i18n'
import i18nMessages from './i18n/index.js'
const { t } = initVueI18n(i18nMessages)
export default {
emits:['change'],
props: {
@ -152,7 +151,8 @@
}
.uni-calendar-item--isDay-text {
color: $uni-primary;
// color: $uni-primary;
color: #C3282E;
}
.uni-calendar-item--isDay {

45
uni_modules/uni-calendar/components/uni-calendar/uni-calendar.vue

@ -20,7 +20,7 @@
<view class="uni-calendar__header-btn-box" @click.stop="next">
<view class="uni-calendar__header-btn uni-calendar--right"></view>
</view>
<text class="uni-calendar__backtoday" @click="backtoday">{{todayText}}</text>
<text class="uni-calendar__backtoday" @click="backToday">{{todayText}}</text>
</view>
<view class="uni-calendar__box">
@ -62,12 +62,12 @@
<script>
import Calendar from './util.js';
import calendarItem from './uni-calendar-item.vue'
import {
initVueI18n
} from '@dcloudio/uni-i18n'
import messages from './i18n/index.js'
const { t } = initVueI18n(messages)
import CalendarItem from './uni-calendar-item.vue'
import { initVueI18n } from '@dcloudio/uni-i18n'
import i18nMessages from './i18n/index.js'
const { t } = initVueI18n(i18nMessages)
/**
* Calendar 日历
* @description 日历组件可以查看日期选择任意范围内的日期打点操作常用场景如酒店日期预订火车机票选择购买日期上下班打卡等
@ -90,7 +90,7 @@
*/
export default {
components: {
calendarItem
CalendarItem
},
emits:['close','confirm','change','monthSwitch'],
props: {
@ -199,26 +199,26 @@
}
},
created() {
//
this.cale = new Calendar({
// date: new Date(),
selected: this.selected,
startDate: this.startDate,
endDate: this.endDate,
range: this.range,
})
//
// this.cale.setDate(this.date)
this.init(this.date)
// this.setDay
},
methods: {
// 穿
clean() {},
bindDateChange(e) {
const value = e.detail.value + '-1'
console.log(this.cale.getDate(value));
this.setDate(value)
const { year,month } = this.cale.getDate(value)
this.$emit('monthSwitch', {
year,
month
})
},
/**
* 初始化日期显示
@ -323,11 +323,17 @@
/**
* 回到今天
*/
backtoday() {
console.log(this.cale.getDate(new Date()).fullDate);
let date = this.cale.getDate(new Date()).fullDate
// this.cale.setDate(date)
this.init(date)
backToday() {
const nowYearMonth = `${this.nowDate.year}-${this.nowDate.month}`
const date = this.cale.getDate(new Date())
const todayYearMonth = `${date.year}-${date.month}`
this.init(date.fullDate)
if(nowYearMonth !== todayYearMonth) {
this.monthSwitch()
}
this.change()
},
/**
@ -446,7 +452,6 @@
.uni-calendar--fixed-width {
width: 50px;
// padding: 0 15px;
}
.uni-calendar__backtoday {

14
uni_modules/uni-calendar/components/uni-calendar/util.js

@ -76,10 +76,20 @@ class Calendar {
dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期
break
case 'month':
if (dd.getDate() === 31) {
if (dd.getDate() === 31 && AddDayCount>0) {
dd.setDate(dd.getDate() + AddDayCount)
} else {
dd.setMonth(dd.getMonth() + AddDayCount) // 获取AddDayCount天后的日期
const preMonth = dd.getMonth()
dd.setMonth(preMonth + AddDayCount) // 获取AddDayCount天后的日期
const nextMonth = dd.getMonth()
// 处理 pre 切换月份目标月份为2月没有当前日(30 31) 切换错误问题
if(AddDayCount<0 && preMonth!==0 && nextMonth-preMonth>AddDayCount){
dd.setMonth(nextMonth+(nextMonth-preMonth+AddDayCount))
}
// 处理 next 切换月份目标月份为2月没有当前日(30 31) 切换错误问题
if(AddDayCount>0 && nextMonth-preMonth>AddDayCount){
dd.setMonth(nextMonth-(nextMonth-preMonth-AddDayCount))
}
}
break
case 'year':

2
uni_modules/uni-calendar/package.json

@ -1,7 +1,7 @@
{
"id": "uni-calendar",
"displayName": "uni-calendar 日历",
"version": "1.4.7",
"version": "1.4.11",
"description": "日历组件",
"keywords": [
"uni-ui",

6
uni_modules/uni-calendar/readme.md

@ -77,7 +77,7 @@ export default {
### Calendar Props
| 属性名 | 类型 | 默认值| 说明 |
| | |
| - | - | - | - |
| date | String |- | 自定义当前时间,默认为今天 |
| lunar | Boolean | false | 显示农历 |
| startDate | String |- | 日期选择范围-开始日期 |
@ -91,7 +91,7 @@ export default {
### Calendar Events
| 事件名 | 说明 |返回值|
| | | |
| - | - | - |
| open | 弹出日历组件,`insert :false` 时生效|- |
@ -100,4 +100,4 @@ export default {
## 组件示例
点击查看:[https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar](https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar)
点击查看:[https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar](https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar)

Loading…
Cancel
Save