Commit b3b277b3 authored by huangyuanyuan's avatar huangyuanyuan

update

parent 3c92c29c
.commonF{
color:#000000;
background: #fff;
}
.commonF .f12{
font-size: 12rpx;
......
{
"pages": [
"pages/visa/visa",
"pages/GroupTour/GroupList/GroupList",
"pages/GroupTour/GroupTour",
"pages/Home/home",
"pages/visa/visa",
"pages/Voucher/Voucher",
"pages/Voucher/rating/rating",
"pages/Voucher/VoucherDetails/VoucherDetails",
"pages/Voucher/write/write",
"pages/freeTravel/free",
"pages/Home/home",
"pages/Ticket/Ticket",
"pages/local/localhome",
"pages/login/smsLogin/smsLogin",
......
......@@ -12,17 +12,37 @@ Component({
*/
data: {
array: ['美国', '中国', '巴西', '日本'],
InputFous:false,
CitySite:false,
},
/**
* 组件的方法列表
*/
methods: {
CloseCity(e){
console.log(e.target.dataset.target)
if (e.target.dataset.target=="self"){
this.setData({
CitySite: false,
})
}
},
ChangeSite(){
this.setData({
CitySite: true,
})
},
bindPickerChange: function (e) {
console.log('picker发送选择改变,携带值为', e.detail.value)
this.setData({
index: e.detail.value
})
},
ListenInput(){
this.setData({
InputFous:true,
})
},
}
})
<!--component/Search/search.wxml-->
<view class='cityView'>
<view class="head1" style="width:100rpx">
<image src="../../images/home/location.png"></image>
成都</view>
<view style="color:#CCCCCC">|</view>
<view class="head3">
<image src="../../images/home/search.png"></image>
搜索目的地/交通/景点/酒店</view>
<view class="newsite" catchtouchmove="{{CitySite}}">
<view class='cityView' hidden="{{InputFous}}">
<view bindtap='ChangeSite' class="head1" style="width:100rpx">
<image src="../../images/home/location.png"></image>
成都</view>
<view style="color:#CCCCCC">|</view>
<view class="head3" style="width:500rpx">
<image src="../../images/home/search.png"></image>
<input bindtap="ListenInput" style="width:100%" placeholder="搜索目的地/交通/景点/酒店"/>
</view>
</view>
<view bindtap="CloseCity" data-target="self" class="cityChange" hidden="{{!CitySite}}">
<view class="CityView">
<view class="CityItem">成都站</view>
<view class="CityItem">成都站</view>
<view class="CityItem">南京站</view>
</view>
</view>
</view>
<!-- 点击输入框 -->
<view class="Inputfocus" hidden="{{!InputFous}}">
<view class="head3" style="width:600rpx">
<image src="../../images/home/search.png"></image>
<input style="width:550rpx;display:inline-block" placeholder="搜索目的地/交通/景点/酒店"/>
</view>
<text class='Seach'>搜索</text>
<view>
<view class="hotTitle">热门推荐</view>
<view>
<view class="HotItem">
<image src="../../images/visa/hot.png"></image>
<text>日本一日游</text>
</view>
<view class="HotItem">
<image src="../../images/visa/hot.png"></image>
<text>美食</text>
</view>
<view class="HotItem">
<image src="../../images/visa/hot.png"></image>
<text>日本一日游</text>
</view>
<view class="HotItem">
<image src="../../images/visa/hot.png"></image>
<text>签证</text>
</view>
</view>
</view>
</view>
<!-- 站点显示隐藏 -->
<!-- <view class="Site" catchtouchmove="true">
<view style="background:#fff;padding:15rpx 0">
<view class='cityView'>
<view class="head1" style="width:100rpx">
<image src="../../images/home/location.png"></image>
成都</view>
<view style="color:#CCCCCC">|</view>
<view class="head3" style="width:500rpx">
<image src="../../images/home/search.png"></image>
<input bindtap="ListenInput" style="width:100%" placeholder="搜索目的地/交通/景点/酒店" auto-focus/>
</view>
</view>
</view>
<view class="cityChange">
<view class="CityItem">成都站</view>
<view class="CityItem">成都站</view>
<view class="CityItem">南京站</view>
</view>
</view> -->
\ No newline at end of file
/* component/Search/search.wxss */
.cityView{
width: 94%;
background: #F2F2F2;
.cityView {
width: 94%;
background: #f2f2f2;
border-radius: 30rpx;
padding: 15rpx 10rpx;
padding: 0 10rpx;
box-sizing: border-box;
display:flex;
display: flex;
align-items: center;
margin: 0 auto;
height: 60rpx;
line-height: 60rpx;
}
.cityView .head1{
color:#EE4454;
.cityView .head1 {
color: #ee4454;
}
.cityView .head1 image{
.cityView .head1 image {
width: 19rpx;
height: 24rpx;
}
.cityView view{
.cityView view {
display: inline-block;
font-size: 26rpx;
}
.cityView .head3{
.cityView .head3 {
padding-left: 15px;
display: inline-flex;
align-items: center;
color: #888888;
color: #888;
}
.cityView .head3 image{
.cityView .head3 image {
width: 26rpx;
height: 26rpx;
margin-right: 6rpx;
}
/* */
.Inputfocus {
position: fixed;
width: 100%;
height: 100%;
background: #fff;
z-index: 100;
padding: 0 30rpx;
}
.Inputfocus .head3 image {
width: 26rpx;
height: 26rpx;
margin-right: 6rpx;
}
.Inputfocus .head3 {
display: inline-flex;
align-items: center;
color: #888;
background: #f2f2f2;
font-size: 26rpx;
padding-left: 30rpx;
height: 60rpx;
border-radius: 30rpx;
}
.Inputfocus .Seach {
font-size: 30rpx;
font-weight: 500;
color: rgba(238, 68, 84, 1);
margin-left:20rpx;
}
.Inputfocus .hotTitle{
font-size:30rpx;
margin-top:40rpx;
}
.HotItem image{
width: 18rpx;
height: 22rpx;
margin-right:20rpx;
}
.HotItem{
height: 60rpx;
line-height: 60rpx;
padding: 0 25rpx;
background:rgba(242,242,242,1);
border-radius:30rpx;
color: #333333;
font-size: 24rpx;
display: inline-block;
margin-top:30rpx;
margin-right:30rpx;
}
.cityChange{
height: 100%;
background:rgba(17,17,17,0.5);
position: fixed;
top: 60rpx;
width: 100%;
z-index: 100;
}
.CityView{
background: #fff;
padding:15rpx 30rpx;
}
.Site{
height: 100%;
background:rgba(17,17,17,0.5);
position: fixed;
top: 0;
width: 100%;
z-index: 100;
}
.CityItem{
display: inline-block;
width: 48%;
font-size:26rpx;
}
.newsite{
position: relative;
padding-top:15rpx;
}
\ No newline at end of file
images/free/t1.png

12.3 KB | W: | H:

images/free/t1.png

11.9 KB | W: | H:

images/free/t1.png
images/free/t1.png
images/free/t1.png
images/free/t1.png
  • 2-up
  • Swipe
  • Onion skin
images/free/t2.png

20.1 KB | W: | H:

images/free/t2.png

18.2 KB | W: | H:

images/free/t2.png
images/free/t2.png
images/free/t2.png
images/free/t2.png
  • 2-up
  • Swipe
  • Onion skin
images/free/t3.png

12.1 KB | W: | H:

images/free/t3.png

11.8 KB | W: | H:

images/free/t3.png
images/free/t3.png
images/free/t3.png
images/free/t3.png
  • 2-up
  • Swipe
  • Onion skin
// pages/GroupTour/GroupList/GroupList.js
Page({
/**
* 页面的初始数据
*/
data: {
StopResh:false,
dates:[],
datecount:[
{
id:1,
name:"1天"
}, {
id: 2,
name: "2天"
}, {
id: 3,
name: "3天"
}, {
id: 4,
name: "4天"
}, {
id: 5,
name: "5天"
}, {
id: 6,
name: "6天"
}, {
id: 7,
name: "7-8天"
}, {
id: 9,
name: "9-10天"
}, {
id: 10,
name: "10天以上"
},
],
ScreenStatus:false,
},
// 最近3个月
loadDates() {
let dates=[];
let d = new Date().getMonth();
for (let i = 0; i < 3; i++) {
d++;
d = d > 12 ? d - 12 : d;
let obj={
id:d,
name: d + "月"
}
dates.push(obj);
}
this.setData({
dates:dates
})
},
PXClick() {
this.setData({
StopResh:true,
})
},
ClosePXView(e) {
if (e.target.dataset.target == "self") {
this.setData({
StopResh: false,
})
}
},
bindDateChange(e){
console.log('picker发送选择改变,携带值为', e.detail.value)
},
ScreenOpen(){
this.setData({
ScreenStatus:true,
})
},
CloseScreen(e) {
if (e.target.dataset.target == "self") {
this.setData({
ScreenStatus: false,
})
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
this.loadDates();
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
{
"enablePullDownRefresh": false,
"navigationBarTitleText": "出境日本线",
"usingComponents": {
"search": "/component/Search/search"
}
}
\ No newline at end of file
<view class='GroupList commonF' catchtouchmove="{{StopResh}}">
<search></search>
<view class="ListView">
<view class="PxView">
<view class="jView" bindtap='PXClick'>
综合排序
<image src="/images/group/bx.png"></image>
</view>
<view class="jView">
团期
<image src="/images/group/bx.png"></image>
</view>
<view class="jView">
评论数
<image src="/images/group/bx.png"></image>
</view>
<view bindtap='ScreenOpen' class="SView">
筛选
<image src="/images/group/s.png"></image>
</view>
</view>
<scroll-view scroll-x class="scroll-header">
<view class="ScrollActive scroll-view-item">日本线</view>
<view class="scroll-view-item">东南亚线</view>
<view class="scroll-view-item">韩国线</view>
<view class="scroll-view-item">日本线</view>
<view class="scroll-view-item">东南亚线</view>
<view class="scroll-view-item">韩国线</view>
<view class="scroll-view-item">日本线</view>
<view class="scroll-view-item">东南亚线</view>
<view class="scroll-view-item">韩国线</view>
</scroll-view>
<!-- 列表数据 -->
<view class="ListItem">
<view class="imgView">
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class="ItemRight" style="width:460rpx;padding-left:15rpx">
<view class="text2 f26">日本本州~精品假期~免费升级:2晚东京 市中心*东京曼迪酒店+1晚特色机票
</view>
<view class="f22" style="color:#888888;padding:15rpx 0">
<image style="width:18rpx;height:22rpx" src="/images/group/adress.png"></image>
出发地:成都
<image style="width:22rpx;height:22rpx" src="/images/group/tuan.png"></image>
最近团期:2019-08-90
</view>
<view class="f20" style="color:#5597FF">
精品添加
</view>
<view class="f22" style="color:#888888;padding-top:15rpx">
<image style="width:22rpx;height:22rpx" src="/images/group/p.png"></image>
<text>余位:充足</text>
<text class="cee f40" style="float:right;position:relative;top:-20rpx">¥1900</text>
</view>
</view>
</view>
<view class="ListItem">
<view class="imgView">
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class="ItemRight" style="width:460rpx;padding-left:15rpx">
<view class="text2 f26">日本本州~精品假期~免费升级:2晚东京 市中心*东京曼迪酒店+1晚特色机票
</view>
<view class="f22" style="color:#888888;padding:15rpx 0">
<image style="width:18rpx;height:22rpx" src="/images/group/adress.png"></image>
出发地:成都
<image style="width:22rpx;height:22rpx" src="/images/group/tuan.png"></image>
最近团期:2019-08-90
</view>
<view class="f20" style="color:#5597FF">
精品添加
</view>
<view class="f22" style="color:#888888;padding-top:15rpx">
<image style="width:22rpx;height:22rpx" src="/images/group/p.png"></image>
<text>余位:充足</text>
<text class="cee f40" style="float:right;position:relative;top:-20rpx">¥1900</text>
</view>
</view>
</view>
<view class="ListItem">
<view class="imgView">
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class="ItemRight" style="width:460rpx;padding-left:15rpx">
<view class="text2 f26">日本本州~精品假期~免费升级:2晚东京 市中心*东京曼迪酒店+1晚特色机票
</view>
<view class="f22" style="color:#888888;padding:15rpx 0">
<image style="width:18rpx;height:22rpx" src="/images/group/adress.png"></image>
出发地:成都
<image style="width:22rpx;height:22rpx" src="/images/group/tuan.png"></image>
最近团期:2019-08-90
</view>
<view class="f20" style="color:#5597FF">
精品添加
</view>
<view class="f22" style="color:#888888;padding-top:15rpx">
<image style="width:22rpx;height:22rpx" src="/images/group/p.png"></image>
<text>余位:充足</text>
<text class="cee f40" style="float:right;position:relative;top:-20rpx">¥1900</text>
</view>
</view>
</view>
<view class="ListItem">
<view class="imgView">
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class="ItemRight" style="width:460rpx;padding-left:15rpx">
<view class="text2 f26">日本本州~精品假期~免费升级:2晚东京 市中心*东京曼迪酒店+1晚特色机票
</view>
<view class="f22" style="color:#888888;padding:15rpx 0">
<image style="width:18rpx;height:22rpx" src="/images/group/adress.png"></image>
出发地:成都
<image style="width:22rpx;height:22rpx" src="/images/group/tuan.png"></image>
最近团期:2019-08-90
</view>
<view class="f20" style="color:#5597FF">
精品添加
</view>
<view class="f22" style="color:#888888;padding-top:15rpx">
<image style="width:22rpx;height:22rpx" src="/images/group/p.png"></image>
<text>余位:充足</text>
<text class="cee f40" style="float:right;position:relative;top:-20rpx">¥1900</text>
</view>
</view>
</view>
<view class="ListItem">
<view class="imgView">
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class="ItemRight" style="width:460rpx;padding-left:15rpx">
<view class="text2 f26">日本本州~精品假期~免费升级:2晚东京 市中心*东京曼迪酒店+1晚特色机票
</view>
<view class="f22" style="color:#888888;padding:15rpx 0">
<image style="width:18rpx;height:22rpx" src="/images/group/adress.png"></image>
出发地:成都
<image style="width:22rpx;height:22rpx" src="/images/group/tuan.png"></image>
最近团期:2019-08-90
</view>
<view class="f20" style="color:#5597FF">
精品添加
</view>
<view class="f22" style="color:#888888;padding-top:15rpx">
<image style="width:22rpx;height:22rpx" src="/images/group/p.png"></image>
<text>余位:充足</text>
<text class="cee f40" style="float:right;position:relative;top:-20rpx">¥1900</text>
</view>
</view>
</view>
</view>
<!-- 筛选条件 -->
<view bindtap='ClosePXView' data-target="self" class="Condition" hidden="{{!StopResh}}">
<view style="padding:0 30rpx">
<view>综合排序</view>
<view>价格从低到高</view>
<view>价格从低到高</view>
<view>销量从高到低</view>
</view>
</view>
<!-- 筛选多条件 -->
<view bindtap='CloseScreen' data-target="self" class="screen" hidden="{{!ScreenStatus}}">
<view>
<view class="title">系列</view>
<view class="xl">
<text>本州 147升级版</text>
<text>希尔顿假期系列</text>
<text>希尔顿假期系列</text>
<text>小王子x列</text>
</view>
<view class="title">出发日期</view>
<view class="DatePicker">
<picker class="pcikerView" mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
<view class="picker">
</view>
</picker>
<text style="margin:0 15rpx"> - </text>
<picker class="pcikerView" mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
<view class="picker">
</view>
</picker>
</view>
<view class='MonthList'>
<text wx:for="{{dates}}" wx:key="index">{{item.name}}</text>
</view>
<view class="title">出发城市</view>
<view class='MonthList' style="margin-top:25rpx">
<text>成都</text>
<text>成都</text>
<text>成都</text>
<text>成都</text>
<text>成都</text>
<text>成都</text>
</view>
<view class="title">行程天数</view>
<view class='MonthList' style="margin-top:25rpx">
<text wx:for="{{datecount}}" wx:key="index">{{item.name}}</text>
</view>
<view class="title">价格区间</view>
<view class="PriceView">
<input placeholder="2000" placeholder-style="text-align:center" />
<text style="padding:0 15rpx">-</text>
<input placeholder="最高价" placeholder-style="text-align:center" />
</view>
<view class="btnView">
<view>重置</view>
<view style="background:#EE4454;color:#fff;border:none">确定</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
.PxView .jView image {
width: 16rpx;
height: 8rpx;
}
.PxView>view {
display: inline-block;
font-size: 28rpx;
color: #111;
width: 25%;
text-align: center;
height: 90rpx;
line-height: 90rpx;
}
.PxView .SView image {
width: 22rpx;
height: 22rpx;
}
.scroll-header {
display: flex;
white-space: nowrap;
padding-bottom: 30rpx;
border-bottom: 1rpx solid #e9e9e9;
height: 120rpx;
}
.scroll-header view {
height: 54rpx;
line-height: 54rpx;
display: inline-block;
margin-left: 30rpx;
font-size: 24rpx;
color: #111;
background: #f2f2f2;
padding: 0 30rpx;
border-radius: 27rpx;
}
.scroll-header .ScrollActive {
color: #ee4454;
}
.ListItem {
padding: 30rpx 30rpx 15rpx 30rpx;
border-bottom: 1rpx solid #e9e9e9;
}
.ListView {
border-top: 1rpx solid #e9e9e9;
width: 100%;
padding-bottom: 20rpx;
margin-top: 20rpx;
}
.ListItem .imgView {
width: 210rpx;
height: 210rpx;
border-radius: 6rpx;
}
.ListItem>view {
display: inline-block;
}
/* 综合排序 */
.Condition {
font-size: 26rpx;
position: fixed;
width: 100%;
background: rgba(17, 17, 17, 0.5);
top: 190rpx;
height: calc(100% - 190rpx);
border-top: 1rpx solid #e9e9e9;
}
.Condition>view {
background: #fff;
}
.Condition>view view {
padding: 15rpx 0;
}
/* 筛选多条件 */
.screen {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 5000;
background: rgba(17, 17, 17, 0.5);
}
.screen>view {
width: 690rpx;
min-height: 100%;
background: rgba(255, 255, 255, 1);
border-radius: 12rpx 0px 0px 12rpx;
position: absolute;
right: 0;
padding: 30rpx;
color: rgba(17, 17, 17, 1);
}
.screen>view .title {
font-size: 28rpx;
font-weight: bold;
}
.screen>view .xl text{
height: 54rpx;
display: inline-block;
line-height: 54rpx;
background: rgba(242, 242, 242, 1);
border-radius: 27rpx;
padding: 0 20rpx;
font-size:22rpx;
margin-bottom: 30rpx;
margin-right: 30rpx;
}
.screen .picker{
width:296rpx;
height:54rpx;
background:rgba(242,242,242,1);
border-radius:27rpx;
display: inline-block;
}
.screen .DatePicker{
display: flex;
margin-top:15rpx;
}
.screen .pcikerView{
display: inline-block;
}
.MonthList{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.MonthList text{
display: inline-block;
width:190rpx;
height:54rpx;
line-height:54rpx;
background:rgba(242,242,242,1);
border-radius:27rpx;
font-size: 22rpx;
text-align: center;
color:#333333;
margin-bottom:25rpx;
}
.PriceView {
display: flex;
margin-top:15rpx;
}
.PriceView input{
width:296rpx;
height:54rpx;
line-height:54rpx;
background:rgba(242,242,242,1);
border-radius:27rpx;
display: inline-block;
font-size: 22rpx;
}
.btnView{
margin-top:20rpx;
display: flex;
justify-content: space-between;
}
.btnView>view{
width:300rpx;
height:60rpx;
line-height:60rpx;
background:rgba(255,255,255,1);
border:1px solid rgba(204, 204, 204, 1);
border-radius:30rpx;
text-align: center;
font-size: 24rpx;
display: inline-block;
}
......@@ -19,7 +19,7 @@
</view>
<view style="padding:30rpx">
<view style="height:180rpx">
<image src="../../images/group/b1.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190627093227533.png"></image>
</view>
</view>
......@@ -28,7 +28,7 @@
<view class="f30" style="margin-top:10rpx;padding-left:30rpx">跳水特价</view>
<view class="inlineBlock">
<view class="ViewItem">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="itemDes">
<view class="f28" style="color:#fff;padding-top:20rpx">日本东京大阪</view>
<view class="space">
......@@ -38,7 +38,7 @@
</view>
</view>
<view class="ViewItem">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="itemDes">
<view class="f28" style="color:#fff;padding-top:20rpx">日本东京大阪</view>
<view class="space">
......@@ -52,5 +52,69 @@
<!-- 印象精选 -->
<view>
<view class="f30" style="margin-top:10rpx;padding-left:30rpx">印象精选</view>
<scroll-view scroll-x class="scroll-header">
<view class="ScrollActive scroll-view-item">日本线</view>
<view class="scroll-view-item">东南亚线</view>
<view class="scroll-view-item">韩国线</view>
<view class="scroll-view-item">日本线</view>
<view class="scroll-view-item">东南亚线</view>
<view class="scroll-view-item">韩国线</view>
<view class="scroll-view-item">日本线</view>
<view class="scroll-view-item">东南亚线</view>
<view class="scroll-view-item">韩国线</view>
</scroll-view>
</view>
<!-- 跟团游 -->
<view class="FlTitleView">
<text class="text" style="color:#61DCD4"> \ \ \ </text>
<text style="font-size:30rpx;color:#000000;font-weight:600;margin:0 12rpx"> 跟团游 </text>
<text class="text" style="color:#61DCD4"> \ \ \</text>
</view>
<view class="Gtour CommonList">
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
<text class="xl">销量432份</text>
<text class="price">¥1990.00起</text>
</view>
</view>
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
<text class="xl">销量432份</text>
<text class="price">¥1990.00起</text>
</view>
</view>
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
<text class="xl">销量432份</text>
<text class="price">¥1990.00起</text>
</view>
</view>
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
<text class="xl">销量432份</text>
<text class="price">¥1990.00起</text>
</view>
</view>
</view>
</view>
\ No newline at end of file
.group{
.group {
background: #fff;
}
.swiper{
.swiper {
height: 220rpx;
}
.group .Item{
.group .Item {
display: inline-block;
width:187rpx;
height:174rpx;
text-align: center;
padding-top:50rpx;
width: 187rpx;
height: 174rpx;
text-align: center;
padding-top: 50rpx;
box-sizing: border-box;
}
.group .Item>view{
.group .Item>view {
width: 100%;
text-align: center;
text-align: center;
}
.group .ViewItem{
width:330rpx;
height:247rpx;
border-radius:12rpx;
.group .ViewItem {
width: 330rpx;
height: 247rpx;
border-radius: 12rpx;
position: relative;
margin-bottom: 30rpx;
}
.inlineBlock{
padding:30rpx;
.inlineBlock {
padding: 30rpx;
box-sizing: border-box;
}
.group .ViewItem:nth-child(even){
.group .ViewItem:nth-child(even) {
margin-left: 30rpx;
}
.ViewItem .itemDes{
.ViewItem .itemDes {
position: absolute;
bottom: 0;
width: 100%;
height:114rpx;
background:rgba(17,17,17,0.3);
border-radius:0px 0px 12rpx 12rpx;
padding:0 20rpx;
height: 114rpx;
background: rgba(17, 17, 17, 0.3);
border-radius: 0px 0px 12rpx 12rpx;
padding: 0 20rpx;
}
.ViewItem .itemDes .space{
.ViewItem .itemDes .space {
display: flex;
justify-content: space-between;
}
.scroll-header {
display: flex;
white-space: nowrap;
}
.scroll-header view {
height: 90rpx;
line-height: 90rpx;
display: inline-block;
margin-left: 40rpx;
font-size: 24rpx;
color: #111111;
}
.scroll-header .ScrollActive{
color: #EE4454;
border-bottom: 1rpx solid #EE4454;
}
.group .CommonList .imgView{
width:100%;
height:247rpx;
position: relative;
}
.group .CommonList .imgView .country{
position: absolute;
width:90rpx;
height:40rpx;
background:rgba(249,201,0,1);
border-radius:12rpx 0px 12rpx 0px;
font-size: 22rpx;
text-align: center;
color: #fff;
}
.group .CommonList .title{
font-size:28rpx;
font-weight: 600;
}
.group .CommonList .pad .xl{
font-size:22rpx;
color: #888888;
float: left;
}
.group .CommonList .pad .price{
font-size:22rpx;
color: #EE4454;
font-weight: 600;
float: right;
}
.group .CommonList{
width: 100%;
padding:30rpx;
}
.group .CommonList>view{
display: inline-block;
width:330rpx;
border-radius: 12px;
border: 1px solid #EDEDED;
padding-bottom:16rpx;
margin-bottom: 30rpx;
}
.group .CommonList>view:nth-child(even){
margin-left: 30rpx;
}
.group .CommonList>view .pad{
padding: 0 20rpx;
box-sizing: border-box;
}
\ No newline at end of file
......@@ -2,7 +2,7 @@
<view class="Home commonF">
<search></search>
<view class="tab1">
<image src="../../images/home/tab1.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626103242285.png"></image>
</view>
<view class="tablist">
<view>
......@@ -42,7 +42,7 @@
</view>
</view>
<view class="tab2">
<image src="../../images/home/tab2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626103346128.png"></image>
</view>
<view class="CommonMargin commonF">
......@@ -54,14 +54,14 @@
</view>
<view class="cztm cztm1">
<view class="cztmList1">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">夏日协奏曲</view>
<view style="font-size:22rpx">13日11晚</view>
</view>
</view>
<view class="cztmList">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">夏日协奏曲</view>
<view style="font-size:22rpx">13日11晚</view>
......@@ -71,21 +71,21 @@
</view>
<view class="cztm cztm2">
<view class="cztmList">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">夏日协奏曲</view>
<view style="font-size:22rpx">13日11晚</view>
</view>
</view>
<view class="cztmList">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">夏日协奏曲</view>
<view style="font-size:22rpx">13日11晚</view>
</view>
</view>
<view class="cztmList">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">夏日协奏曲</view>
<view style="font-size:22rpx">13日11晚</view>
......@@ -170,7 +170,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -181,7 +181,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -192,7 +192,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -203,7 +203,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -222,7 +222,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -233,7 +233,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -244,7 +244,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -255,7 +255,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -274,7 +274,7 @@
<view>
<view class="ScenimgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="DesView">
<view class='pad title'>日本东京大阪</view>
<view class="padScen">
......@@ -287,7 +287,7 @@
<view>
<view class="ScenimgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="DesView">
<view class='pad title'>日本东京大阪</view>
<view class="padScen">
......@@ -300,7 +300,7 @@
<view>
<view class="ScenimgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="DesView">
<view class='pad title'>日本东京大阪</view>
<view class="padScen">
......@@ -313,7 +313,7 @@
<view>
<view class="ScenimgView">
<text class="country">日本</text>
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="DesView">
<view class='pad title'>日本东京大阪</view>
<view class="padScen">
......@@ -333,28 +333,28 @@
<view class="Local CommonList">
<view>
<view class="LocalimgView">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class='title'>日本东京大阪</view>
<text class="price">¥1990.00起</text>
</view>
</view>
<view>
<view class="LocalimgView">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class='title'>日本东京大阪</view>
<text class="price">¥1990.00起</text>
</view>
</view>
<view>
<view class="LocalimgView">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class='title'>日本东京大阪</view>
<text class="price">¥1990.00起</text>
</view>
</view>
<view>
<view class="LocalimgView">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class='title'>东京</view>
<text class="price">¥1990.00起</text>
</view>
......
<view class="commonF Ticket">
<search></search>
<view style="width:100%;height:300rpx;margin-top:36rpx;position: relative;z-index:0">
<image style="position: relative;z-index:0" src='/images/ticket/top1.png'></image>
<image style="position: relative;z-index:0" src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626103539899.png'></image>
</view>
<view class="Choose">
<view class="Title flex">
......@@ -43,14 +43,14 @@
</view>
<view class="cztm cztm1">
<view class="cztmList1">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">科伦坡</view>
<view style="font-size:22rpx">COlOMBO</view>
</view>
</view>
<view class="cztmList">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">首尔</view>
<view style="font-size:22rpx">Seoul</view>
......@@ -60,21 +60,21 @@
</view>
<view class="cztm cztm2">
<view class="cztmList">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">东京</view>
<view style="font-size:22rpx">Tokyo</view>
</view>
</view>
<view class="cztmList">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">巴厘岛</view>
<view style="font-size:22rpx">BALI</view>
</view>
</view>
<view class="cztmList">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">香港</view>
<view style="font-size:22rpx">HONGKONG</view>
......@@ -92,12 +92,12 @@
<view class='JXView'>
<view class="JxItem">
<view class="imgView">
<image src='/images/ticket/top1.png'></image>
<image src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626103539899.png'></image>
</view>
<view class="JxItemDes">
<view class="bold f30">北京-北京</view>
<view class="f24" style="padding:8rpx 0">
<image style="width:24rpx;height:24rpx;border-radius:50%" src='/images/ticket/top1.png'></image>
<image style="width:24rpx;height:24rpx;border-radius:50%" src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626103539899.png'></image>
<text>泰国亚航</text>
<text>FD563</text>
</view>
......@@ -107,12 +107,12 @@
</view>
<view class="JxItem">
<view class="imgView">
<image src='/images/ticket/top1.png'></image>
<image src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626103539899.png'></image>
</view>
<view class="JxItemDes">
<view class="bold f30">北京-北京</view>
<view class="f24" style="padding:8rpx 0">
<image style="width:24rpx;height:24rpx;border-radius:50%" src='/images/ticket/top1.png'></image>
<image style="width:24rpx;height:24rpx;border-radius:50%" src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626103539899.png'></image>
<text>泰国亚航</text>
<text>FD563</text>
</view>
......
......@@ -44,7 +44,7 @@
<view class="HotView">
<view class="hotItem">
<view class="hotImg">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="price">
<view>RMB</view>
<view>4889起</view>
......@@ -60,7 +60,7 @@
</view>
<view class="hotItem">
<view class="hotImg">
<image src="../../images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="price">
<view>RMB</view>
<view>4889起</view>
......@@ -84,7 +84,7 @@
<view class="CrashView">
<view class="CrashImg">
<image style="z-index:1" src="../../images/free/t1.png"></image>
<image style="z-index:0" src="../../images/home/nlist2.png"></image>
<image style="z-index:0" src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view class="f32 bold">
......
......@@ -64,7 +64,7 @@
<view class="oneday">
<view class="onedayItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<text class="country">日本</text>
</view>
<view style="padding:0 20rpx">
......@@ -75,7 +75,7 @@
</view>
<view class="onedayItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<text class="country">日本</text>
</view>
<view style="padding:0 20rpx">
......@@ -95,7 +95,7 @@
<view class="ticket">
<view class="ticketItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
<view class="ticketView" style="padding:0 20rpx">
<text style="padding-top:25rpx" class="bold f28">日本名古屋周边一日游\n</text>
<text style="text-align:right" class="f22 price">¥1999起</text>
......@@ -114,7 +114,7 @@
<view class="oneday">
<view class="onedayItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view style="padding:0 20rpx">
<text class="bold f28">日本名古屋周边一日游</text>
......@@ -124,7 +124,7 @@
</view>
<view class="onedayItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.png"></image>
<image src="http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png"></image>
</view>
<view style="padding:0 20rpx">
<text class="bold f28">日本名古屋周边一日游</text>
......
......@@ -46,7 +46,7 @@
</view>
<view class="VisaView">
<view class="VisaList XianItem">
<image src='/images/home/nlist2.png'></image>
<image src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png'></image>
<view class="XianDes">
<view>
<image src='/images/visa/c1.png'></image>
......@@ -61,7 +61,7 @@
</view>
</view>
<view class="VisaList XianItem">
<image src='/images/home/nlist2.png'></image>
<image src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png'></image>
<view class="XianDes">
<view>
<image src='/images/visa/c1.png'></image>
......@@ -83,14 +83,14 @@
</view>
<view class="VisaView">
<view class="VisaList hotCountry">
<image src='/images/home/nlist2.png'></image>
<image src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png'></image>
<view class="CountryDes">
<image src='/images/visa/c1.png'></image>
<text>日本</text>
</view>
</view>
<view class="VisaList hotCountry">
<image src='/images/home/nlist2.png'></image>
<image src='http://imgfile.oytour.com/New/Upload/Cloud/2019-06/20190626102629935.png'></image>
<view class="CountryDes">
<image src='/images/visa/c1.png'></image>
<text>日本</text>
......
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