Commit 568344b0 authored by huangyuanyuan's avatar huangyuanyuan

当地游

parent 08277374
.commonF .f12{
font-size: 12rpx;
}
.commonF .f14{
font-size: 14rpx;
}
.commonF .f18{
font-size: 18rpx;
}
.commonF .f20{
font-size: 20rpx;
}
.commonF .f22{
font-size: 22rpx;
}
.commonF .f24{
font-size: 24rpx;
}
.commonF .f26{
font-size: 26rpx;
}
.commonF .f28{
font-size: 26rpx;
}
.commonF .f30{
font-size:30rpx;
}
.commonF .f32{
font-size:32rpx;
}
.commonF .f40{
font-size:40rpx;
}
.commonF .bold{
font-weight: 600;
}
.commonF .basefix:after {
clear: both;
content: '.';
display: block;
height: 0;
overflow: hidden;
}
.commonF .text1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.commonF .text2{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.commonF .text3{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
\ No newline at end of file
{
"pages": [
"pages/local/localHome/localhome",
"pages/freeTravel/free",
"pages/Home/home",
"pages/product/product",
......@@ -18,6 +19,7 @@
"pages/product/SametradeZW/Successview/Successview",
"pages/product/SametradeZW/luckdraw/luckdraw",
"pages/product/SametradeZW/prizelist/prizelist"
],
"window": {
"backgroundTextStyle": "light",
......
......@@ -2,6 +2,7 @@
@import "weui.wxss";
@import '/pages/wxParse/wxParse.wxss';
@import 'Common.wxss';
view,scroll-view,swiper,swiper-item,movable-area,movable-view,cover-view,cover-image,icon,text,rich-text,progress,button,checkbox-group,checkbox,form,input,label,picker,picker-view,radio-group,radio,slider,switch,textarea,navigator,functional-page-navigator,image,video,camera,live-player,live-pusher,map,canvas,open-data,web-view,ad{
box-sizing: border-box;
......
/* component/Search/search.wxss */
.cityView{
width: 94%;
margin:15px auto;
background: #F2F2F2;
border-radius: 30rpx;
padding: 15rpx 10rpx;
box-sizing: border-box;
display:flex;
align-items: center;
margin-bottom:0;
margin: 0 auto;
}
.cityView .head1{
color:#EE4454;
......
images/free/1.png

9.1 KB | W: | H:

images/free/1.png

2.6 KB | W: | H:

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

9.69 KB | W: | H:

images/free/2.png

3.04 KB | W: | H:

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

8.99 KB | W: | H:

images/free/3.png

2.71 KB | W: | H:

images/free/3.png
images/free/3.png
images/free/3.png
images/free/3.png
  • 2-up
  • Swipe
  • Onion skin
images/free/4.png

11.6 KB | W: | H:

images/free/4.png

3.57 KB | W: | H:

images/free/4.png
images/free/4.png
images/free/4.png
images/free/4.png
  • 2-up
  • Swipe
  • Onion skin
images/free/bg1.png

339 KB | W: | H:

images/free/bg1.png

55.6 KB | W: | H:

images/free/bg1.png
images/free/bg1.png
images/free/bg1.png
images/free/bg1.png
  • 2-up
  • Swipe
  • Onion skin
images/home/list1.png

6.94 KB | W: | H:

images/home/list1.png

2.67 KB | W: | H:

images/home/list1.png
images/home/list1.png
images/home/list1.png
images/home/list1.png
  • 2-up
  • Swipe
  • Onion skin
images/home/list2.png

10.8 KB | W: | H:

images/home/list2.png

3.92 KB | W: | H:

images/home/list2.png
images/home/list2.png
images/home/list2.png
images/home/list2.png
  • 2-up
  • Swipe
  • Onion skin
images/home/list3.png

13.3 KB | W: | H:

images/home/list3.png

4.64 KB | W: | H:

images/home/list3.png
images/home/list3.png
images/home/list3.png
images/home/list3.png
  • 2-up
  • Swipe
  • Onion skin
images/home/list4.png

7.77 KB | W: | H:

images/home/list4.png

3.24 KB | W: | H:

images/home/list4.png
images/home/list4.png
images/home/list4.png
images/home/list4.png
  • 2-up
  • Swipe
  • Onion skin
images/home/list5.png

10.3 KB | W: | H:

images/home/list5.png

3.55 KB | W: | H:

images/home/list5.png
images/home/list5.png
images/home/list5.png
images/home/list5.png
  • 2-up
  • Swipe
  • Onion skin
images/home/nlist2.png

112 KB | W: | H:

images/home/nlist2.png

32.8 KB | W: | H:

images/home/nlist2.png
images/home/nlist2.png
images/home/nlist2.png
images/home/nlist2.png
  • 2-up
  • Swipe
  • Onion skin
images/home/tab1.png

382 KB | W: | H:

images/home/tab1.png

60.2 KB | W: | H:

images/home/tab1.png
images/home/tab1.png
images/home/tab1.png
images/home/tab1.png
  • 2-up
  • Swipe
  • Onion skin
images/home/tab2.png

191 KB | W: | H:

images/home/tab2.png

40.7 KB | W: | H:

images/home/tab2.png
images/home/tab2.png
images/home/tab2.png
images/home/tab2.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -39,7 +39,7 @@
</view>
<view class="cztm cztm1">
<view class="cztmList1">
<image src="../../images/home/nlist1.png"></image>
<image src="../../images/home/nlist2.png"></image>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">夏日协奏曲</view>
<view style="font-size:22rpx">13日11晚</view>
......@@ -155,7 +155,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist3.png"></image>
<image src="../../images/home/nlist2.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -166,7 +166,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist3.png"></image>
<image src="../../images/home/nlist2.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -177,7 +177,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist3.png"></image>
<image src="../../images/home/nlist2.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -188,7 +188,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist3.png"></image>
<image src="../../images/home/nlist2.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -207,7 +207,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist3.png"></image>
<image src="../../images/home/nlist2.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -218,7 +218,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist3.png"></image>
<image src="../../images/home/nlist2.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -229,7 +229,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist3.png"></image>
<image src="../../images/home/nlist2.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......@@ -240,7 +240,7 @@
<view>
<view class="imgView">
<text class="country">日本</text>
<image src="../../images/home/nlist3.png"></image>
<image src="../../images/home/nlist2.png"></image>
</view>
<view class='pad title'>日本东京大阪</view>
<view class="pad">
......
{
"navigationBarTitleText": "首页",
"usingComponents": {
"search": "/component/Search/search"
}
"navigationBarTitleText": "自由行"
}
\ No newline at end of file
<view class="free">
<view class="free commonF">
<view class="headImg">
<image src="../../images/free/bg1.png"></image>
</view>
<view class="ybg">
<view class="TopView">
<view class="_top">
<view class="_top_item">
......@@ -38,7 +39,174 @@
<!-- 当季精选特惠 -->
<view class="djjx">
<text class="cont_top">当季精选特惠</text>
<text class="cont_bottom">价格实惠内容更精彩</text>
<text class="cont_bottom">Hot Areas In The Season</text>
</view>
<view class="HotView">
<view class="hotItem">
<view class="hotImg">
<image src="../../images/home/nlist2.png"></image>
<view class="price">
<view>RMB</view>
<view>4889起</view>
</view>
</view>
<view style="padding:0 25rpx;text-align:center">
<view class="title bold f26">东京-大阪自由行</view>
<view class="text text3 f20">
四季变化明显,樱花季节,富士山,银座,新宿,池袋东护城河对岸矗立着一幢标志性建筑 飞檐重阁白墙黑
</view>
<view class="purchase f22">立即购买</view>
</view>
</view>
<view class="hotItem">
<view class="hotImg">
<image src="../../images/home/nlist2.png"></image>
<view class="price">
<view>RMB</view>
<view>4889起</view>
</view>
</view>
<view style="padding:0 25rpx;text-align:center">
<view class="title bold f26">东京-大阪自由行</view>
<view class="text text3 f20">
四季变化明显,
</view>
<view class="purchase f22">立即购买</view>
</view>
</view>
</view>
<!-- 热门速成自由行 -->
<view class="djjx">
<text class="cont_top" style="left:40rpx">热门速成自由行</text>
<text class="cont_bottom">Hot Crash Free Rides</text>
</view>
<view style="padding:0 30rpx;">
<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>
</view>
<view class="f32 bold">
东京-大阪-富士山
<text class="comp">2人成行</text>
</view>
<view class="f22" style="color:#666666;padding:20rpx 0">
初游推荐,樱花季漫游东京,赠人气药妆三款礼遇任您选,代订富士山/镰仓一日游初游推荐,樱花季漫游东京,赠人气药妆 三款礼遇任您选,代订富士山/镰仓一日游
</view>
<view>
<view class="f20" style="color:#FF6633;display:inline-block">¥
<text class="f40">4888</text> 起
</view>
<view style="display:inline-block;float:right">
<image style="display:inline-block;width:14rpx;height:22rpx;margin:0 10rpx" src="../../images/home/location.png"></image>
<text class="f22">成都出发</text>
</view>
</view>
<view class="liqg">
立即抢购
</view>
</view>
<view style="width:408rpx;height:122rpx;margin:30rpx auto">
<image src="../../images/free/more.png"></image>
</view>
</view>
<!-- 专业行程定制师 -->
<view class="djjx" style="margin:50rpx auto">
<text class="cont_top" style="left:40rpx">专业行程定制师</text>
<text class="cont_bottom">Professional Trip Maker</text>
</view>
<view class="Person">
<view class="Person_item">
<view class="personDes">
<view class="bg">
<view class="des_item f24" style="padding-top:121rpx;">张帅/90后</view>
<view class="des_item bold f30">精通
<text class="bold">欧洲线</text>
</view>
</view>
<view class="personImg">
<image src="../../images/free/bg1.png"></image>
</view>
</view>
</view>
<view class="Person_item">
<view class="personDes">
<view class="bg">
<view class="des_item f24" style="padding-top:121rpx;">张帅/90后</view>
<view class="des_item bold f30">精通
<text class="bold">欧洲线</text>
</view>
</view>
<view class="personImg">
<image src="../../images/free/bg1.png"></image>
</view>
</view>
</view>
<view class="Person_item">
<view class="personDes">
<view class="bg">
<view class="des_item f24" style="padding-top:121rpx;">张帅/90后</view>
<view class="des_item bold f30">精通
<text class="bold">欧洲线</text>
</view>
</view>
<view class="personImg">
<image src="../../images/free/bg1.png"></image>
</view>
</view>
</view>
</view>
<view style="width:408rpx;height:122rpx;margin:30rpx auto">
<image src="../../images/free/more.png"></image>
</view>
</view>
</view>
<view class="foot">
<view class="f32 bold" style="color:#000033;text-align:center">我们将提供什么?</view>
<view class="porView">
<view class="footbg">
<image src="../../images/free/footer.png"></image>
</view>
<view class="proFlex">
<view class="proItem">
<image src="../../images/free/p1.png"></image>
<view class="bold f24">拒绝程式化</view>
<view style="color:#999999" class="f20">自己掌握行程定制</view>
</view>
<view class="proItem">
<image src="../../images/free/p2.png"></image>
<view class="bold f24">1300+专业定制师</view>
<view style="color:#999999" class="f20">获取更高性价比的旅游线路</view>
</view>
<view class="proItem">
<image src="../../images/free/p3.png"></image>
<view class="bold f24">免费制作行程方案</view>
<view style="color:#999999" class="f20">旅游计划更省心</view>
</view>
<view class="proItem">
<image src="../../images/free/p4.png"></image>
<view class="bold f24">一站式服务</view>
<view style="color:#999999" class="f20">
省去做攻略、预订资源的繁琐流程
</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
/* pages/freeTravel/free.wxss */
.free{
background: #fff;
overflow: hidden;
}
.free .headImg{
width: 100%;
height: 315rpx;
......@@ -40,32 +44,27 @@
}
.djjx .cont_bottom {
position: absolute;
font-size: 12rpx;
font-size: 18rpx;
bottom: -10rpx;
left: 33rpx;
left: 43rpx;
background: #fff;
padding: 0 35rpx;
padding: 0 30rpx;
color: #333333;
}
.djjx .cont_top {
position: absolute;
font-size: 24rpx;
top: -15rpx;
left: 30rpx;
font-size: 30rpx;
top: -25rpx;
left: 55rpx;
background: #fff;
padding: 0 20rpx;
}
.djjx .cont_top2 {
left: 15rpx;
}
.djjx .cont_bottom2 {
left: 18rpx;
}
.djjx .cont_bottom3{
padding: 1rpx;
}
.djjx {
width: 239rpx;
width: 320rpx;
height: 40rpx;
background: rgba(255, 255, 255, 1);
position: relative;
......@@ -74,3 +73,179 @@
border: 1rpx solid #313131;
border-radius: 10rpx;
}
.HotView{
padding: 0 30rpx;
margin: 30rpx 0;
}
.HotView .hotItem{
width:330rpx;
height:450rpx;
background:rgba(255,255,255,1);
box-shadow:0px 1rpx 8rpx 0px rgba(153,153,153,0.6);
display: inline-block;
margin-bottom: 30rpx;
}
.HotView .hotItem:nth-child(even){
margin-left: 30rpx;
}
.HotView .hotItem .hotImg{
width:100%;
height:124rpx;
position: relative;
}
.HotView .hotItem .hotImg .price{
position: absolute;
width:100rpx;
height:100rpx;
background:rgba(253,100,115,1);
border-radius:50%;
font-size: 20rpx;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
bottom:-50rpx;
left: 115rpx;
}
.HotView .hotItem .title{
margin-top:70rpx;
}
.HotView .hotItem .text{
color: #666666;
height: 90rpx;
}
.purchase{
width:150rpx;
height:50rpx;
line-height:50rpx;
background:rgba(238,68,84,1);
border-radius:8rpx;
color: #fff;
margin: 30rpx auto;
}
.CrashView .CrashImg{
width: 690rpx;
height: 262rpx;
position: relative;
}
.CrashView .CrashImg image{
position: absolute;
}
.CrashView .comp{
font-size: 20rpx;
color:#fff;
display: inline-block;
width: 87rpx;
padding-left: 8rpx;
padding-bottom: 35rpx;
height: 34rpx;
box-sizing: border-box;
margin-left: 29rpx;
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAiCAYAAAAqJ0UeAAACH0lEQVRoQ+3av2sTYRzH8ffnWksVoeAiOoijSDftInVR/wFrkk2ii4aIWEHwX7CDWCokKQhtuhmrg7NOVYeIk7iKiBQLOhT8ERJ7X7lIoZWUNOWe6b433fA8n4fndV++B/ec2HJdrNr4kFGUmMQ4Dowh9m8d4/dbBIzfwDriE2Iljqg/vaYPmyOU3OQbNsR37gM3gcgB9ywQS8zZIe48KWiji1uo2QMzpvcc6RO3CUjMNkq6rXzNTmK894pNtULiKGZcuYrdk7ibarSHYcaMclV7LTjjHukKmPEmwV0VHEk32tOAtQT3p+CAc6Qu0Fa+apZ6rAd2BRw3YCE4ruMGFAgY7ZXruAEFAkZ75TpuQIGA0V65jhtQIGC0V67jBhQIGJ1U7i/wc7IAxp0E9ytwOEB41iO/KV+xJmIi6xIB9t+UH04GYIXkmGdWlx7a6WiYZvL5McwymUw1jIl//y1UbQm4nEmGAJuWsdQoq9jFvbJgoz9a1AWFAGtlKtKgcXCU4uJVtba1gqmKXYgiisScRRyTt4q+hWGQtIDPwAoRi8slvdyctGOfPTVv+47C2EjMuQge91rFYK79h5nhETJ5DteBziqsv7uuTi+fvi+xXM3Oy3jx3+SWjFKjrHrfR5vhAQPjGnyJY6ae3dDbDLvtausD4Zrxqt0m93xaa7tKz/igQXCrHyNu7dRfMu7Yc/t9cfPzNmkbnFgu65EDDibwF0atxQk4tHHiAAAAAElFTkSuQmCC');
background-size:cover;
}
.CrashView .liqg{
width:660rpx;
height:90rpx;
background:rgba(238,68,84,1);
border-radius:12rpx;
text-align: center;
line-height: 90rpx;
color: #fff;font-size:30rpx;
margin:40rpx auto;
}
.Person{
padding:0 50rpx;
box-sizing: border-box;
}
.Person .Person_item{
display: inline-block;
width: 249rpx;
text-align: center;
margin-bottom: 150rpx;
}
.Person .Person_item:nth-child(even){
margin-left: 100rpx;
}
.Person .Person_item .personImg{
width:249rpx;
display: inline-block;
height:249rpx;
border-radius:50%;
padding:4rpx;
box-sizing: border-box;
position: absolute;
bottom: -125rpx;
left: -50rpx;
border: 4rpx solid #eeeeee;
}
.Person .Person_item .personImg image{
border-radius:50%;
}
.Person .Person_item .personDes{
padding: 10rpx;
display: inline-block;
position: relative;
width: 151rpx;
height: 471rpx;
background-image: url('data:image/png;base64,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');
background-size:contain;
}
.Person .Person_item .personDes .bg{
background: #eeeeee;
height: 100%;
border-radius: 40rpx;
padding-top:40rpx;
}
.Person .Person_item .personDes .des_item{
width: 40rpx;
display: inline-block;
margin:0 10rpx;
height: 290rpx;
writing-mode: tb;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
box-sizing: border-box;
}
.free .foot .proItem image{
width: 120rpx;
height: 120rpx;
display: inline-block;
}
/* .free .foot{
position: relative;
} */
.free .footbg{
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
.free .foot .porView{
position: relative;
z-index: 1;
height:550rpx;
}
.proFlex{
height:520rpx;
position: relative;
z-index: 1;
background:rgba(255,255,255,0.75);
border-radius:8rpx;
display: flex;
justify-content: space-around;
margin: 30rpx;
box-sizing: border-box;
flex-wrap: wrap;
}
.free .foot .proItem{
display: inline-block;
text-align: center;
width: 45%;
}
// pages/local/localHome/localhome.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
{
"navigationBarTitleText": "当地游",
"usingComponents": {
"search": "/component/Search/search"
}
}
\ No newline at end of file
<view class="localhome commonF">
<search></search>
<view style="width:100%;height:300rpx;margin-top:36rpx">
<image src='../../../images/local/top1.png'></image>
</view>
<view class="ban">
<view>
<image src='../../../images/local/b1.png'></image>
<text>一日游</text>
</view>
<view>
<image style="height:52rpx;" src='../../../images/local/b2.png'></image>
<text>交通\n接驳</text>
</view>
<view>
<image style="width:79rpx;height:80rpx;" src='../../../images/local/b3.png'></image>
<text>游玩\n门票</text>
</view>
<view>
<image style="width:80rpx;height:71rpx;" src='../../../images/local/b4.png'></image>
<text>当地\n美食</text>
</view>
<view>
<image style="width:94rpx;height:52rpx;" src='../../../images/local/b5.png'></image>
<text>精彩\n演出</text>
</view>
<view>
<image style="width:78rpx;height:80rpx;" src='../../../images/local/b6.png'></image>
<text>特色\n体验</text>
</view>
</view>
<view class="ChooseBan" style="margin-top:40rpx">
<view class="chooseTitle f22">
<text class="active">日本</text>
<text>印尼</text>
<text>日本</text>
</view>
<view class="chooseDiv f28" style="height:210rpx;">
<text>名古屋一日游</text>
<text>东京一日游</text>
<text>名古屋一日游</text>
<text>名古屋一日游</text>
<text>东京一日游</text>
<text>名古屋一日游</text>
</view>
</view>
<!-- 为你推荐 -->
<view style="margin-top:40rpx">
<view style="padding-left:30rpx">
<text class="bold" style="font-size:30rpx;color:#000000">为你推荐</text>
</view>
<view class="likeView">
<text class="activeText">境外一日游</text>
<text>景点门票</text>
<text>当地美食</text>
</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="oneday">
<view class="onedayItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.png"></image>
<text class="country">日本</text>
</view>
<view style="padding:0 20rpx">
<text class="bold f28">日本名古屋周边一日游</text>
<text>\n</text>
<text class="f22 price">¥1999起</text>
</view>
</view>
<view class="onedayItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.png"></image>
<text class="country">日本</text>
</view>
<view style="padding:0 20rpx">
<text class="bold f28">日本名古屋周边一日游</text>
<text>\n</text>
<text class="f22 price">¥1999起</text>
</view>
</view>
</view>
<view class="FlTitleView">
<text class="text" style="color:#FD7F56"> \ \ \ </text>
<text style="font-size:30rpx;color:#000000;font-weight:600;margin:0 12rpx"> 游玩门票 </text>
<text class="text" style="color:#FD7F56"> \ \ \</text>
</view>
<!-- 游玩门票 -->
<view class="ticket">
<view class="ticketItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.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>
</view>
</view>
</view>
</view>
<view class="FlTitleView">
<text class="text" style="color:#F9C900"> \ \ \ </text>
<text style="font-size:30rpx;color:#000000;font-weight:600;margin:0 12rpx"> 当地美食 </text>
<text class="text" style="color:#F9C900"> \ \ \</text>
</view>
<!-- 当地美食 -->
<view class="oneday">
<view class="onedayItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.png"></image>
</view>
<view style="padding:0 20rpx">
<text class="bold f28">日本名古屋周边一日游</text>
<text>\n</text>
<text class="f22 price">¥1999起</text>
</view>
</view>
<view class="onedayItem">
<view class="ImgView" style="height:247rpx;">
<image src="/images/home/nlist2.png"></image>
</view>
<view style="padding:0 20rpx">
<text class="bold f28">日本名古屋周边一日游</text>
<text>\n</text>
<text class="f22 price">¥1999起</text>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
.localhome{
background: #fff;
}
.localhome image{
width: 100%;
height: 100%;
}
.ban image{
width: 94rpx;
height: 58rpx;
}
.ban{
padding: 0 30rpx;
box-sizing: border-box;
font-size: 22rpx;
color:#666666;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.ban>view{
width: 210rpx;
height: 110rpx;
display: inline-flex;
align-items: center;
background: #F5F5F5;
margin-top: 30rpx;
padding: 0 0rpx 0 20rpx;
box-sizing: border-box;
}
.ban>view text{
margin-left: 20rpx;
}
.ChooseBan{
margin: 0 auto;
width: 690rpx;
height: 306rpx;
box-sizing: border-box;
box-shadow:0 6rpx 10rpx 0 rgba(76,76,76,0.15);
border-radius:12rpx;
}
.chooseTitle{
border-bottom: 1rpx solid #E9E9E9;
height: 89rpx;
line-height: 89rpx;
font-weight: 600;
}
.chooseTitle .active{
border-bottom: 2rpx solid #EE4454;
color: #EE4454;
}
.chooseTitle text{
display: inline-block;
margin: 0 50rpx;
}
.chooseDiv{
padding: 20rpx 50rpx;
box-sizing: border-box;
}
.chooseDiv text{
display: inline-block;
background:rgba(244,244,255,1);
border-radius:29rpx;
padding: 15rpx 10rpx;
margin-right: 30rpx;
margin-bottom: 30rpx;
}
.localhome .likeView{
height:90rpx;
line-height:90rpx;
font-size: 24rpx;
display: flex;
justify-content: space-around;
}
.localhome .likeView text{
display: inline-block;
}
.localhome .likeView .activeText{
color: #EE4454;
border-bottom: 2rpx solid #EE4454;
}
.localhome .FlTitleView{
display: flex;
align-items: center;
height:90rpx;
background:rgba(245,245,245,1);
padding: 0 26rpx;
}
.localhome .FlTitleView .text{
font-size:20rpx;font-weight:700;
}
.oneday{
padding: 30rpx;
box-sizing: border-box;
}
.oneday .onedayItem{
display: inline-block;
width: 330rpx;
height: 360rpx;
border-radius:12rpx;
border: 1rpx solid #f5f5f5;
}
.oneday .onedayItem:nth-child(even){
margin-left: 30rpx;
}
.oneday .onedayItem .price{
color: #EE4454;
float: right;
}
.oneday .onedayItem .ImgView{
position: relative;
}
.oneday .onedayItem .ImgView .country{
position: absolute;
top: 0;
left: 0;
width:90rpx;
height:40rpx;
line-height:40rpx;
background:rgba(97,220,212,1);
border-radius:12rpx 0px 12rpx 0px;
text-align: center;
color:#fff;
font-size: 22rpx;
}
.ticket{
padding: 30rpx;
box-sizing: border-box;
}
.ticket .ticketItem{
display: inline-block;
width: 330rpx;
height: 247rpx;
border-radius:12rpx;
}
.ticket .ticketItem:nth-child(even){
margin-left: 30rpx;
}
.ticket .ticketItem .price{
color: #EE4454;
float: right;
}
.ticket .ticketItem .ImgView{
position: relative;
}
.ticket .ticketItem .ImgView .ticketView{
position: absolute;
bottom: 0;
left: 0;
color:#fff;
font-size: 22rpx;
height:114rpx;
width: 100%;
background:rgba(17,17,17,0.5);
border-radius:0px 0px 12rpx 12rpx;
display: flex;
flex-direction: column;
}
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