Commit ba4df2a8 authored by 华国豪's avatar 华国豪 🙄
parents 39b0bcb8 9bb7e491
.commonF{
color:#000000;
}
.commonF .f12{
font-size: 12rpx;
}
......@@ -73,4 +75,58 @@
image{
width: 100%;
height: 100%;
}
.commonF .cztm1 .cztmList1{
width:450rpx;
height:280rpx;
border-radius:12rpx;
}
.commonF .cztm>view{
display: inline-block;
position: relative;
}
.commonF .cztm image{
width: 100%;
height: 100%;
}
.commonF .cztm .cztmList{
width:210rpx;
height:280rpx;
border-radius:12rpx;
margin-left: 30rpx;
}
.commonF .cztm .cztmList image{
width: 100%;
height: 100%;
}
.commonF .cztm .boxshadow{
position: absolute;
width:100%;
bottom: 0;
height:120rpx;
background:rgba(0,0,0,0.3);
border-radius:0px 0px 12rpx 12rpx;
padding-left: 29rpx;
color:#fff;
box-sizing: border-box;
}
.commonF .cztm1{
margin-top: 30rpx;
}
.commonF .cztm2{
margin-left: -30rpx;
margin-top: 20rpx;
}
.commonF .FlTitleView{
display: flex;
align-items: center;
height:90rpx;
background:rgba(245,245,245,1);
padding: 0 26rpx;
}
.commonF .FlTitleView .text{
font-size:20rpx;font-weight:700;
}
.commonF .inlineBlock>view{
display: inline-block;
}
\ No newline at end of file
{
"pages": [
"pages/GroupTour/GroupTour",
"pages/Voucher/Voucher",
"pages/Voucher/rating/rating",
"pages/Voucher/VoucherDetails/VoucherDetails",
......@@ -7,7 +8,12 @@
"pages/freeTravel/free",
"pages/visa/visa",
"pages/Home/home",
"pages/Ticket/Ticket",
"pages/local/localhome",
"pages/login/smsLogin/smsLogin",
"pages/login/revisePwd/revisePwd",
"pages/product/SametradeZW/prizelist/prizelist",
"pages/product/SametradeZW/luckdraw/luckdraw",
"pages/product/product",
"pages/product/productAll/productAll",
"pages/product/productCheck/productCheck",
......@@ -16,14 +22,10 @@
"pages/product/productOrder/productOrder",
"pages/mine/mine",
"pages/login/login",
"pages/login/smsLogin/smsLogin",
"pages/login/revisePwd/revisePwd",
"pages/login/activate/activate",
"pages/product/SametradeZW/SametradeZW",
"pages/product/SametradeZW/Applicationnotes/Applicationnotes",
"pages/product/SametradeZW/Successview/Successview",
"pages/product/SametradeZW/luckdraw/luckdraw",
"pages/product/SametradeZW/prizelist/prizelist"
"pages/product/SametradeZW/Successview/Successview"
],
"window": {
......
images/visa/c1.png

11.1 KB | W: | H:

images/visa/c1.png

4.93 KB | W: | H:

images/visa/c1.png
images/visa/c1.png
images/visa/c1.png
images/visa/c1.png
  • 2-up
  • Swipe
  • Onion skin
images/visa/hot.png

1.36 KB | W: | H:

images/visa/hot.png

612 Bytes | W: | H:

images/visa/hot.png
images/visa/hot.png
images/visa/hot.png
images/visa/hot.png
  • 2-up
  • Swipe
  • Onion skin
images/visa/t1.png

1.1 KB | W: | H:

images/visa/t1.png

560 Bytes | W: | H:

images/visa/t1.png
images/visa/t1.png
images/visa/t1.png
images/visa/t1.png
  • 2-up
  • Swipe
  • Onion skin
images/visa/top1.png

396 KB | W: | H:

images/visa/top1.png

111 KB | W: | H:

images/visa/top1.png
images/visa/top1.png
images/visa/top1.png
images/visa/top1.png
  • 2-up
  • Swipe
  • Onion skin
images/visa/v0.png

4.17 KB | W: | H:

images/visa/v0.png

2.1 KB | W: | H:

images/visa/v0.png
images/visa/v0.png
images/visa/v0.png
images/visa/v0.png
  • 2-up
  • Swipe
  • Onion skin
images/visa/v1.png

3.39 KB | W: | H:

images/visa/v1.png

1.65 KB | W: | H:

images/visa/v1.png
images/visa/v1.png
images/visa/v1.png
images/visa/v1.png
  • 2-up
  • Swipe
  • Onion skin
images/visa/v2.png

4.05 KB | W: | H:

images/visa/v2.png

1.93 KB | W: | H:

images/visa/v2.png
images/visa/v2.png
images/visa/v2.png
images/visa/v2.png
  • 2-up
  • Swipe
  • Onion skin
images/visa/v3.png

4.93 KB | W: | H:

images/visa/v3.png

1.93 KB | W: | H:

images/visa/v3.png
images/visa/v3.png
images/visa/v3.png
images/visa/v3.png
  • 2-up
  • Swipe
  • Onion skin
images/visa/v4.png

4.29 KB | W: | H:

images/visa/v4.png

2.08 KB | W: | H:

images/visa/v4.png
images/visa/v4.png
images/visa/v4.png
images/visa/v4.png
  • 2-up
  • Swipe
  • Onion skin
// pages/GroupTour/GroupTour.js
Page({
/**
* 页面的初始数据
*/
data: {
background: [
{
title:1,
list:[
{
name: '南压线',
id:1,
},
{
name: '中南办',
id: 1,
},
{
name: '中东办',
id: 1,
},
{
name: '韩国线',
id: 1,
}
],
},
{
title: 1,
list: [
{
name: '南压线2',
id: 1,
},
{
name: '中南办2',
id: 1,
},
{
name: '中东办2',
id: 1,
},
{
name: '韩国线2',
id: 1,
}
],
}
],
indicatorDots: true,
vertical: false,
autoplay: false,
circular: false,
interval: 2000,
duration: 500,
previousMargin: 0,
nextMargin: 0
},
/**
* 生命周期函数--监听页面加载
*/
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="group commonF">
<search></search>
<view class="page-section page-section-spacing">
<swiper class="swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" vertical="{{vertical}}" indicator-color="rgba(242,242,242,1);" indicator-active-color="rgba(238,68,84,1)" interval="{{interval}}" duration="{{duration}}">
<block wx:for="{{background}}" wx:key="*this">
<swiper-item>
<block wx:for="{{item.list}}" wx:for-item="bac" wx:key="index">
<view class="Item">
<view>
<image style="width:42rpx;height:48rpx" src="../../images/group/t1.png"></image>
</view>
<text class="f22">{{bac.name}}</text>
</view>
</block>
</swiper-item>
</block>
</swiper>
</view>
<view style="padding:30rpx">
<view style="height:180rpx">
<image src="../../images/group/b1.png"></image>
</view>
</view>
<!-- 跳水特价 -->
<view class="tsView">
<view class="f30" style="margin-top:10rpx;padding-left:30rpx">跳水特价</view>
<view class="inlineBlock">
<view class="ViewItem">
<image src="../../images/home/nlist2.png"></image>
<view class="itemDes">
<view class="f28" style="color:#fff;padding-top:20rpx">日本东京大阪</view>
<view class="space">
<text class="f22" style="color:#fff">5月13日</text>
<text class="f28 cee">¥1200</text>
</view>
</view>
</view>
<view class="ViewItem">
<image src="../../images/home/nlist2.png"></image>
<view class="itemDes">
<view class="f28" style="color:#fff;padding-top:20rpx">日本东京大阪</view>
<view class="space">
<text class="f22" style="color:#fff">5月13日</text>
<text class="f28 cee">¥1200</text>
</view>
</view>
</view>
</view>
</view>
<!-- 印象精选 -->
<view>
<view class="f30" style="margin-top:10rpx;padding-left:30rpx">印象精选</view>
</view>
</view>
\ No newline at end of file
.group{
background: #fff;
}
.swiper{
height: 220rpx;
}
.group .Item{
display: inline-block;
width:187rpx;
height:174rpx;
text-align: center;
padding-top:50rpx;
box-sizing: border-box;
}
.group .Item>view{
width: 100%;
text-align: center;
}
.group .ViewItem{
width:330rpx;
height:247rpx;
border-radius:12rpx;
position: relative;
margin-bottom: 30rpx;
}
.inlineBlock{
padding:30rpx;
box-sizing: border-box;
}
.group .ViewItem:nth-child(even){
margin-left: 30rpx;
}
.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;
}
.ViewItem .itemDes .space{
display: flex;
justify-content: space-between;
}
\ No newline at end of file
<!--pages/Home/home.wxml-->
<view class="Home">
<view class="Home commonF">
<search></search>
<view class="tab1">
<image src="../../images/home/tab1.png"></image>
</view>
<view class="tablist">
<view>
<image src="../../images/home/list1.png"></image>
<view>跟团游</view>
<navigator hover-class="Home_hover" url="/pages/Ticket/Ticket">
<image src="../../images/home/list1.png"></image>
<view>跟团游</view>
</navigator>
</view>
<view>
<image src="../../images/home/list2.png"></image>
<view>自由行</view>
<navigator hover-class="Home_hover" url="/pages/freeTravel/free">
<image src="../../images/home/list2.png"></image>
<view>自由行</view>
</navigator>
</view>
<view>
<image src="../../images/home/list3.png"></image>
<view>当地游</view>
<navigator hover-class="Home_hover" url="/pages/local/localhome">
<image src="../../images/home/list3.png"></image>
<view>当地游</view>
</navigator>
</view>
<view>
<image src="../../images/home/list4.png"></image>
<view>签证</view>
<navigator hover-class="Home_hover" url="/pages/visa/visa">
<image src="../../images/home/list4.png"></image>
<view>签证</view>
</navigator>
</view>
<view>
<image src="../../images/home/list5.png"></image>
<view>机票</view>
<navigator hover-class="Home_hover" url="/pages/Ticket/Ticket">
<image src="../../images/home/list5.png"></image>
<view>机票</view>
</navigator>
</view>
</view>
<view class="tab2">
<image src="../../images/home/tab2.png"></image>
</view>
<view class="CommonMargin">
<view class="CommonMargin commonF">
<!-- 超值特卖 -->
<view>
<view>
......@@ -249,7 +264,7 @@
</view>
</view>
</view>
<!-- 景点门票 -->
<!-- 景点门票 -->
<view class="FlTitleView">
<text class="text" style="color:#6AA8F9"> \ \ \ </text>
<text style="font-size:30rpx;color:#000000;font-weight:600;margin:0 12rpx"> 景点门票</text>
......@@ -319,29 +334,29 @@
<view>
<view class="LocalimgView">
<image src="../../images/home/nlist2.png"></image>
<view class='title'>日本东京大阪</view>
<text class="price">¥1990.00起</text>
<view class='title'>日本东京大阪</view>
<text class="price">¥1990.00起</text>
</view>
</view>
<view>
<view class="LocalimgView">
<image src="../../images/home/nlist2.png"></image>
<view class='title'>日本东京大阪</view>
<text class="price">¥1990.00起</text>
<view class='title'>日本东京大阪</view>
<text class="price">¥1990.00起</text>
</view>
</view>
<view>
<view class="LocalimgView">
<image src="../../images/home/nlist2.png"></image>
<view class='title'>日本东京大阪</view>
<text class="price">¥1990.00起</text>
<view class='title'>日本东京大阪</view>
<text class="price">¥1990.00起</text>
</view>
</view>
<view>
<view class="LocalimgView">
<image src="../../images/home/nlist2.png"></image>
<view class='title'>东京</view>
<text class="price">¥1990.00起</text>
<view class='title'>东京</view>
<text class="price">¥1990.00起</text>
</view>
</view>
</view>
......
......@@ -2,6 +2,9 @@
.Home{
background: #fff;
}
.Home_hover{
background: transparent;
}
.Home .tab1{
height: 300rpx;
margin: 36rpx 0;
......@@ -36,47 +39,7 @@
margin: 0 26rpx;
box-sizing: border-box;
}
.Home .cztm1 .cztmList1{
width:450rpx;
height:280rpx;
border-radius:12rpx;
}
.Home .cztm>view{
display: inline-block;
position: relative;
}
.Home .cztm image{
width: 100%;
height: 100%;
}
.Home .cztm .cztmList{
width:210rpx;
height:280rpx;
border-radius:12rpx;
margin-left: 30rpx;
}
.Home .cztm .cztmList image{
width: 100%;
height: 100%;
}
.Home .cztm .boxshadow{
position: absolute;
width:100%;
bottom: 0;
height:120rpx;
background:rgba(0,0,0,0.3);
border-radius:0px 0px 12rpx 12rpx;
padding-left: 29rpx;
color:#fff;
box-sizing: border-box;
}
.Home .cztm1{
margin-top: 30rpx;
}
.Home .cztm2{
margin-left: -30rpx;
margin-top: 20rpx;
}
.Home .tjTicket{
display: inline-block;
margin-left:24rpx;
......@@ -128,16 +91,7 @@
.Home .likeView .activeText{
color: #EE4454;
}
.Home .FlTitleView{
display: flex;
align-items: center;
height:90rpx;
background:rgba(245,245,245,1);
padding: 0 26rpx;
}
.Home .FlTitleView .text{
font-size:20rpx;font-weight:700;
}
.Home .CommonList{
width: 100%;
padding:30rpx;
......
// pages/Ticket/Ticket.js
Page({
/**
* 页面的初始数据
*/
data: {
types: [{
id: 0,
name: '头等舱'
}, {
id: 1,
name: '商务舱'
}, {
id: 2,
name: '经济舱'
}],
index:0,//初始化数据
items: [
{ name: '0', value: '携带儿童' },
{ name: '1', value: '携带婴儿', checked: 'true' }
]
},
bindPickerChange: function(e) {
console.log('picker发送选择改变,携带值为', e.detail.value)
this.setData({
index: e.detail.value
})
},
/**
* 生命周期函数--监听页面加载
*/
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="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>
</view>
<view class="Choose">
<view class="Title flex">
<view class="Active">单程</view>
<view>往返</view>
</view>
<view class="city flexb">
<view>成都</view>
<view style="width:53rpx;height:53rpx">
<image src='/images/ticket/r1.png'></image>
</view>
<view>巴西</view>
</view>
<view class="date" style="font-size:40rpx;padding-bottom:20rpx;border-bottom:1rpx solid #E9E9E9">
6月21日
</view>
<view class="SecView">
<view class="section">
<picker range='{{types}}' value='{{idx}}' bindchange='bindPickerChange' range-key="name" data-id='{{types[index].id}}'>
<view class='Typepicker f30'>{{types[index].name}}</view>
</picker>
</view>
<view class="section f24" style="float:right">
<radio-group class="radio-group" bindchange="radioChange">
<radio class="radio" wx:for-items="{{items}}" wx:key="name" value="{{item.name}}" checked="{{item.checked}}">
<text>{{item.value}}</text>
</radio>
</radio-group>
</view>
</view>
<view class="btn">
搜索
</view>
</view>
<view style="padding:30rpx">
<view>
<text style="font-size:30rpx;color:#000000">目的地直选</text>
</view>
<view class="cztm cztm1">
<view class="cztmList1">
<image src="/images/home/nlist2.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>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">首尔</view>
<view style="font-size:22rpx">Seoul</view>
</view>
</view>
</view>
<view class="cztm cztm2">
<view class="cztmList">
<image src="/images/home/nlist2.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>
<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>
<view class="boxshadow">
<view style="font-size:30rpx;padding-top:29rpx">香港</view>
<view style="font-size:22rpx">HONGKONG</view>
</view>
</view>
</view>
</view>
<view></view>
<view class="FlTitleView" style="position:relative">
<text class="text" style="color:#61DCD4"> \ \ \ </text>
<text class="f30" style="color:#000000;font-weight:600;margin:0 12rpx"> 精选特惠 </text>
<text class="text" style="color:#61DCD4"> \ \ \</text>
<text class="f24" style="color:#888888;position:absolute;right:15rpx"> 查看更多 </text>
</view>
<view class='JXView'>
<view class="JxItem">
<view class="imgView">
<image src='/images/ticket/top1.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>
<text>泰国亚航</text>
<text>FD563</text>
</view>
<view class="f22" style="color:#666666">出发时间:2019-05-60</view>
</view>
<text class="price">¥1500</text>
</view>
<view class="JxItem">
<view class="imgView">
<image src='/images/ticket/top1.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>
<text>泰国亚航</text>
<text>FD563</text>
</view>
<view class="f22" style="color:#666666">出发时间:2019-05-60</view>
</view>
<text class="price">¥1500</text>
</view>
</view>
</view>
\ No newline at end of file
.Ticket{
background: #fff;
}
.Choose{
margin:0 auto;
width:690rpx;
height:558rpx;
box-shadow:0px 6rpx 10rpx 0px rgba(76,76,76,0.15);
border-radius:12rpx;
position: relative;
top: -45rpx;
z-index: 200;
background: #fff;
}
.Choose .Title{
border-bottom: 1rpx solid #E9E9E9;
font-size:28rpx;
font-weight:500;
height: 90rpx;
line-height: 90rpx;
}
.Choose .Title .Active{
color:#EE4454;
border-bottom: 2rpx solid #EE4454;
}
.flex{
display: flex;
justify-content: space-around;
}
.flexb{
display: flex;
justify-content: space-between;
}
.flex>view,.flexb>view{
display: inline-block;
}
.Choose .city{
padding:20rpx;
font-size: 40rpx;
font-weight: 700;
margin: 20rpx 0;
}
.Choose .date{
margin: 0 20rpx;
}
.Choose .SecView{
margin: 20rpx 0;
}
.Choose .section{
padding:20rpx;
display: inline-block;
}
.Choose .section .radio{
margin-left: 20rpx;
}
.Choose .section .radio .wx-radio-input{
width: 28rpx;
height: 28rpx;
}
.Choose .section .radio .wx-radio-input.wx-radio-input-checked{
background: #EE4454!important;
border: none;
}
.Choose .btn{
width:630rpx;
height:90rpx;
line-height:90rpx;
background:rgba(238,68,84,1);
border-radius:12rpx;
margin:20rpx auto;
text-align: center;
color:#fff;
font-size: 30rpx;
}
.JXView{
padding: 30rpx;
box-sizing: border-box;
}
.JxItem{
width:690rpx;
height:182rpx;
background:rgba(255,255,255,1);
border-radius:4rpx;
position: relative;
padding: 30rpx;
border: 1rpx solid #f5f5f5;
display: flex;
flex-direction: row;
align-items: center;
margin-bottom:30rpx;
}
.JxItem>view{
display: inline-block;
}
.JxItem .imgView{
width:122rpx;
height:122rpx;
}
.JxItem .price{
position: absolute;
top: 30rpx;
right: 30rpx;
color:#EE4454;
font-size: 36rpx;
}
.JxItem .JxItemDes{
padding-left: 20rpx;
}
\ No newline at end of file
......@@ -78,16 +78,7 @@
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;
......
......@@ -41,15 +41,15 @@
</view>
</view>
<view class="CommonVTile">
<image style="width:30rpx;height:22rpx" src='/images/visa/t1.png'></image>
<text class="f30 bold">限时优惠</text>
<image style="width:30rpx;height:22rpx" src='/images/visa/t1.png'></image>
<text class="f30 bold">限时优惠</text>
</view>
<view class="VisaView">
<view class="VisaList XianItem">
<image src='/images/home/nlist2.png'></image>
<image src='/images/home/nlist2.png'></image>
<view class="XianDes">
<view>
<image src='/images/visa/c1.png'></image>
<image src='/images/visa/c1.png'></image>
</view>
<view style="margin-left:20rpx">
<view class="f22 c33">韩国个签</view>
......@@ -60,5 +60,93 @@
</view>
</view>
</view>
<view class="VisaList XianItem">
<image src='/images/home/nlist2.png'></image>
<view class="XianDes">
<view>
<image src='/images/visa/c1.png'></image>
</view>
<view style="margin-left:20rpx">
<view class="f22 c33">韩国个签</view>
<view style="margin-top:25rpx" class="f30 cee">¥12997</view>
<view class="text">
个签
</view>
</view>
</view>
</view>
</view>
<view class="CommonVTile">
<image style="width:30rpx;height:22rpx" src='/images/visa/t1.png'></image>
<text class="f30 bold">热门国家</text>
<text class="f24" style="color:#888888;float:right">查看更多</text>
</view>
<view class="VisaView">
<view class="VisaList hotCountry">
<image src='/images/home/nlist2.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>
<view class="CountryDes">
<image src='/images/visa/c1.png'></image>
<text>日本</text>
</view>
</view>
</view>
<view class="CommonVTile">
<image style="width:30rpx;height:22rpx" src='/images/visa/t1.png'></image>
<text class="f30 bold">热门签证</text>
<text class="f24" style="color:#888888;float:right">查看更多</text>
</view>
<view class="VisaView" style='margin-left: -40rpx;'>
<view class="VisaList hotVisa">
<view style="width:142rpx;height:98rpx">
<image src='/images/visa/c1.png'></image>
</view >
<view class="f24" style="padding:15rpx;text-align:center">
<view class='c3'>日本</view>
<view class='cee'>¥1200</view>
</view>
</view>
<view class="VisaList hotVisa">
<view style="width:142rpx;height:98rpx">
<image src='/images/visa/c1.png'></image>
</view >
<view class="f24" style="padding:15rpx;text-align:center">
<view class='c3'>日本</view>
<view class='cee'>¥1200</view>
</view>
</view>
<view class="VisaList hotVisa">
<view style="width:142rpx;height:98rpx">
<image src='/images/visa/c1.png'></image>
</view >
<view class="f24" style="padding:15rpx;text-align:center">
<view class='c3'>日本</view>
<view class='cee'>¥1200</view>
</view>
</view>
<view class="VisaList hotVisa">
<view style="width:142rpx;height:98rpx">
<image src='/images/visa/c1.png'></image>
</view >
<view class="f24" style="padding:15rpx;text-align:center">
<view class='c3'>日本</view>
<view class='cee'>¥1200</view>
</view>
</view>
<view class="VisaList hotVisa">
<view style="width:142rpx;height:98rpx">
<image src='/images/visa/c1.png'></image>
</view >
<view class="f24" style="padding:15rpx;text-align:center">
<view class='c3'>日本</view>
<view class='cee'>¥1200</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
......@@ -35,7 +35,7 @@
}
.CommonVTile {
padding-left: 28rpx;
padding:0 28rpx;
height: 90rpx;
line-height: 90rpx;
background: rgba(245, 245, 245, 1);
......@@ -58,6 +58,7 @@
.VisaView .VisaList {
display: inline-block;
position: relative;
margin-bottom: 30rpx;
}
.VisaView .XianItem {
......@@ -90,3 +91,34 @@
font-size: 20rpx;
color:#fff;
}
.VisaView .hotCountry{
width: 330rpx;height: 247rpx;
}
.VisaView .hotCountry .CountryDes{
position: absolute;
top: 0;
left: 0;
border-radius:12rpx;
width: 90rpx;
}
.VisaView .hotCountry .CountryDes image{
width: 90rpx;height:60rpx;
}
.VisaView .hotCountry .CountryDes text{
height:40rpx;
line-height:40rpx;
background:rgba(97,220,212,1);
border-radius:0px 0px 12rpx 0px;
color:#fff;
font-size: 22rpx;
display: inline-block;
width: 100%;
text-align: center;
position: relative;
top: -30rpx;
}
.VisaView .hotVisa{
border: 1rpx solid #eeeeee;
margin-left: 40rpx;
}
\ No newline at end of file
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