6 changed files with 319 additions and 20 deletions
Split View
Diff Options
-
+3 -0pages.json
-
+7 -3pages_order/components/list/cardList.vue
-
+93 -0pages_order/components/submit/StudyAndPathDetailSubmit.vue
-
+126 -0pages_order/service/StudyAndPathDetail.vue
-
+2 -1pages_order/service/StudyFurther.vue
-
+88 -16pages_order/service/situation.vue
+ 3
- 0
pages.json
View File
+ 7
- 3
pages_order/components/list/cardList.vue
View File
+ 93
- 0
pages_order/components/submit/StudyAndPathDetailSubmit.vue
View File
| @ -0,0 +1,93 @@ | |||
| <template> | |||
| <view class="submit"> | |||
| <view class="" | |||
| @click=""> | |||
| <uv-icon | |||
| size="40rpx" | |||
| name="chat"></uv-icon> | |||
| <view class=""> | |||
| 客服 | |||
| </view> | |||
| </view> | |||
| <view class="" | |||
| @click=""> | |||
| <uv-icon | |||
| size="40rpx" | |||
| name="star"></uv-icon> | |||
| <!-- star-fill --> | |||
| <view class=""> | |||
| 收藏 | |||
| </view> | |||
| </view> | |||
| <view class="" | |||
| @click="$emit('share')"> | |||
| <uv-icon | |||
| size="40rpx" | |||
| name="share-square"></uv-icon> | |||
| <view class=""> | |||
| 分享 | |||
| </view> | |||
| </view> | |||
| <view class="btn" | |||
| @click="$emit('submit')"> | |||
| {{ submiitTitle }} | |||
| </view> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| name:"submit", | |||
| props : { | |||
| submiitTitle : { | |||
| default : '立即租赁', | |||
| type : String, | |||
| } | |||
| }, | |||
| data() { | |||
| return { | |||
| } | |||
| }, | |||
| methods: { | |||
| } | |||
| } | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .submit{ | |||
| position: fixed; | |||
| bottom: 0; | |||
| left: 0; | |||
| width: 100vw; | |||
| background-color: #fff; | |||
| height: 100rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| font-size: 24rpx; | |||
| .btn{ | |||
| background: $uni-color; | |||
| width: 600rpx; | |||
| height: 80rpx; | |||
| color: #fff; | |||
| border-radius: 40rpx; | |||
| font-size: 28rpx; | |||
| } | |||
| view{ | |||
| width: 100rpx; | |||
| margin: 0 10rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| align-items: center; | |||
| flex-direction: column; | |||
| } | |||
| } | |||
| </style> | |||
+ 126
- 0
pages_order/service/StudyAndPathDetail.vue
View File
| @ -0,0 +1,126 @@ | |||
| <template> | |||
| <!-- 我要研学详情 type:0 和 遗产路径详情 type:1 --> | |||
| <view class="page"> | |||
| <navbar :title="title" leftClick @leftClick="$utils.navigateBack" /> | |||
| <view class="image"> | |||
| <image src="https://img-s-msn-com.akamaized.net/tenant/amp/entityid/BB1msKSi.img" mode="aspectFill"></image> | |||
| </view> | |||
| <view class="box"> | |||
| <view class="info"> | |||
| <view class="price"> | |||
| <text>￥300</text>起 | |||
| </view> | |||
| <view class="title"> | |||
| 景德镇风情-御窑厂-陶瓷博物馆-陶阳里一日游陶瓷博物馆陶瓷博物馆陶瓷博物馆 | |||
| </view> | |||
| <view class="tip"> | |||
| 2-6人一单一团!独家定制!尊享体验!私家团享出游，一单一团，时间自由支配，不和陌生人尴尬拼团。专属用车、舒适出行、专属司机、安全保证、贴心服务、摄影助手、风情解说。 | |||
| </view> | |||
| </view> | |||
| <view class="detail"> | |||
| <view class=""> | |||
| <uv-tabs :list="tabs" | |||
| lineColor="#B12026" | |||
| lineHeight="8rpx" | |||
| lineWidth="50rpx" | |||
| :scrollable="false" | |||
| @click="clickTabs"></uv-tabs> | |||
| </view> | |||
| <view class="content"> | |||
| 12312312313 | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <StudyAndPathDetailSubmit/> | |||
| </view> | |||
| </template> | |||
| <script> | |||
| import StudyAndPathDetailSubmit from '../components/submit/StudyAndPathDetailSubmit.vue' | |||
| export default { | |||
| components : { | |||
| StudyAndPathDetailSubmit, | |||
| }, | |||
| data() { | |||
| return { | |||
| title: '', | |||
| type: 0, | |||
| tabs: [ | |||
| { | |||
| name: '关于行程' | |||
| }, | |||
| { | |||
| name: '注意事项' | |||
| }, | |||
| { | |||
| name: '出行说明' | |||
| }, | |||
| ], | |||
| } | |||
| }, | |||
| onLoad(args) { | |||
| this.type = args.type || 0 | |||
| this.title = args.title | |||
| }, | |||
| methods: { | |||
| //点击tab栏 | |||
| clickTabs(index) { | |||
| }, | |||
| } | |||
| } | |||
| </script> | |||
| <style scoped lang="scss"> | |||
| .page{ | |||
| image{ | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .image{ | |||
| width: 100%; | |||
| height: 400rpx; | |||
| } | |||
| .box{ | |||
| margin-top: -40rpx; | |||
| border-top-left-radius: 40rpx; | |||
| border-top-right-radius: 40rpx; | |||
| overflow: hidden; | |||
| position: relative; | |||
| .info{ | |||
| background-color: #fff; | |||
| padding: 40rpx; | |||
| .price{ | |||
| padding: 20rpx 0; | |||
| font-size: 22rpx; | |||
| text{ | |||
| font-size: 38rpx; | |||
| color: $uni-color; | |||
| font-weight: 900; | |||
| } | |||
| } | |||
| .title{ | |||
| font-weight: 900; | |||
| padding-bottom: 20rpx; | |||
| font-size: 28rpx; | |||
| } | |||
| .tip{ | |||
| font-size: 22rpx; | |||
| padding-bottom: 20rpx; | |||
| line-height: 40rpx; | |||
| } | |||
| } | |||
| .detail{ | |||
| margin-top: 20rpx; | |||
| background-color: #fff; | |||
| .content{ | |||
| padding: 40rpx; | |||
| } | |||
| } | |||
| } | |||
| } | |||
| </style> | |||