小程序 旅游日期選擇 日歷

旅游模板日期選擇

// pages/logs/travel.js

JS部分?? trag_daystr為數(shù)據(jù) 可根據(jù)自己需求改變

var trag_daystr = [

{ date: "2018-09-21", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-09-22", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-09-23", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-09-24", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-09-25", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-09-26", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-09-27", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-09-28", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-09-29", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-09-30", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-01", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-02", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-03", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-04", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-05", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-06", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-07", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-08", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-09", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-10", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-11", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-12", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-13", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-14", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-15", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-16", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-17", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-18", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-19", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-20", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-21", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-22", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-23", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-24", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-25", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" },

{ date: "2018-10-26", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-27", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-28", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-29", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-30", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-10-31", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-01", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-02", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-03", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-04", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-05", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-06", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-07", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-08", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-09", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-10", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-11", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-12", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-13", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-14", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-15", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-16", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-17", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-18", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-19", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-20", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-21", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-22", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-23", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-24", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-25", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-26", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-27", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-28", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-29", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }

,

{ date: "2018-11-30", dc_id: "", adultprice: "0.01", childprice: "0.02", numberlimit: "999999" }];

function unique(data) {

? data = data || [];

? var a = {};

? for (var i = 0; i < data.length; i++) {

? ? var v = data[i];

? ? if (typeof (a[v]) == 'undefined') {

? ? ? a[v] = 1;

? ? }

? };

? data.length = 0;

? for (var i in a) {

? ? data[data.length] = i;

? }

? return data;

}

function evlabc(a) {//排序大小

? var i = 0, j = 0, t = 0;

? for (i = 0; i < a.length; i++) {

? ? for (j = 0; j < a.length; j++) {

? ? ? if (a[i] < a[j]) {

? ? ? ? t = a[i];

? ? ? ? a[i] = a[j];

? ? ? ? a[j] = t;

? ? ? }

? ? }

? }

? return a;

}

Page({

? /**

? * 頁(yè)面的初始數(shù)據(jù)

? */

? data: {

? ? currentObj: '',

? ? currentDay: '',

? ? morenrq: '09',

? ? currentDayList:[],

? ? trag_daystr:[],

? ? //日期初始化選中樣式

? ? selectCSS: 'bk-color-day',

? ? m: '', riqi: true, dateCre: 0,

? },

? /**

? * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載

? */

? onLoad: function (options) {

? ? console.log(trag_daystr)

? ? var currentObj = this.getCurrentDayString()

? ? console.log(currentObj)

? ? this.setData({

? ? ? currentDate: currentObj.getFullYear() + '/' + (currentObj.getMonth() + 1) + '/' + currentObj.getDate(),

? ? ? currentDay: currentObj.getDate(),

? ? ? currentDays: currentObj.getDate(),

? ? ? currentObj: currentObj,

? ? ? /*? 獲取當(dāng)前的年、月? */

? ? ? currentYear: currentObj.getFullYear(),

? ? ? m: (currentObj.getMonth() + 1),

? ? ? currentMonth: (currentObj.getMonth() + 1),

? ? ? currentMonths: (currentObj.getMonth() + 1),

? ? })

? ? var month;

? ? if (parseInt(currentObj.getMonth() + 1)>10){

? ? ? month = (currentObj.getMonth() + 1)

? ? }else{

? ? ? month = '0'+(currentObj.getMonth() + 1)

? ? }

? ? this.setData({ morenrq: month})

? ? this.setSchedule(currentObj);

? ? this.qingc()

? },

? /**

? * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示

? */

? onShow: function () {

? },?

? qingc: function () {

? ? var currentObj = this.getCurrentDayString()

? ? var self = this;

? ? var arrs = [];

? ? var arrr = [];

? ? console.log(trag_daystr)

? ? console.log(trag_daystr)

? ? console.log(self.data.morenrq)

? ? ? for (var s = 0; s <trag_daystr.length; s++) {

? ? ? ? var cour = trag_daystr[s].date.substr(5, 2);

? ? ? ? arrs.push(cour)

? ? ? ? if (cour == self.data.morenrq) {

? ? ? ? ? arrr.push(trag_daystr[s])

? ? ? ? }

? ? ? }

? ? ? arrs = unique(arrs);

? ? ? arrs = evlabc(arrs);

? ? ? var currentDayList = self.data.currentDayList;

? ? ? console.log(currentDayList)

? ? ? for (var j = 0; j < currentDayList.length; j++) {

? ? ? ? for (var i = 0; i < arrr.length; i++) {

? ? ? ? ? if (currentDayList[j].date == arrr[i].date) {

? ? ? ? ? ? currentDayList[j].data = arrr[i].data

? ? ? ? ? ? currentDayList[j].childprice = arrr[i].childprice

? ? ? ? ? ? currentDayList[j].adultprice = arrr[i].adultprice

? ? ? ? ? ? currentDayList[j].numberlimit = arrr[i].numberlimit

? ? ? ? ? }

? ? ? ? ? if (parseInt(self.data.currentDay) == parseInt(currentDayList[j].date.substring(8))) {

? ? ? ? ? ? if (currentDayList[j].adultprice == "") {

? ? ? ? ? ? ? self.setData({

? ? ? ? ? ? ? ? currentDay: arrr[0].date.substring(8)

? ? ? ? ? ? ? })

? ? ? ? ? ? }

? ? ? ? ? }

? ? ? ? }

? ? ? }

? ? ? self.setData({

? ? ? ? yue: arrs,

? ? ? ? trag_daystr: trag_daystr,

? ? ? ? currentDayList: currentDayList,

? ? ? })

? },

? // /獲取當(dāng)前時(shí)間方法

? getCurrentDayString: function () {

? ? var objDate = this.data.currentObj

? ? if (objDate != '') {

? ? ? return objDate

? ? } else {

? ? ? var c_obj = new Date()

? ? ? var a = c_obj.getFullYear() + '/' + (c_obj.getMonth() + 1) + '/' + c_obj.getDate()

? ? ? return new Date(a)

? ? }

? },

? doDay: function (e) {

? ? var that = this;

? ? var currentObj = that.data.currentObj

? ? var Y = currentObj.getFullYear();

? ? var m = e.currentTarget.dataset.id;

? ? var d = currentObj.getDate();

? ? var str = Y + '/' + m + '/' + d

? ? console.log(str)

? ? currentObj = new Date(str)

? ? this.setData({

? ? ? currentDate: currentObj.getFullYear() + '/' + (currentObj.getMonth() + 1) + '/' + currentObj.getDate(),

? ? ? currentObj: currentObj,

? ? ? currentDay: that.data.currentDays,

? ? ? /*? 獲取當(dāng)前的年、月? */

? ? ? currentYear: currentObj.getFullYear(),

? ? ? currentMonth: (currentObj.getMonth() + 1),

? ? ? m: m,

? ? ? morenrq: m

? ? })

? ? console.log(m)

? ? // console.log("選擇當(dāng)前年:" + that.data.currentYear);

? ? // console.log("選擇當(dāng)前月:" + that.data.currentMonth);

? ? that.setSchedule(currentObj);

? ? that.qingc()

? },

? getCurrentDayString: function () {

? ? var objDate = this.data.currentObj

? ? if (objDate != '') {

? ? ? return objDate

? ? } else {

? ? ? var c_obj = new Date()

? ? ? var a = c_obj.getFullYear() + '/' + (c_obj.getMonth() + 1) + '/' + c_obj.getDate()

? ? ? return new Date(a)

? ? }

? },

? setSchedule: function (currentObj) {

? ? var that = this

? ? var m = currentObj.getMonth() + 1

? ? var Y = currentObj.getFullYear()

? ? var d = currentObj.getDate();

? ? var dayString = Y + '/' + m + '/' + currentObj.getDate()

? ? var currentDayNum = new Date(Y, m, 0).getDate()

? ? var currentDayWeek = currentObj.getUTCDay() + 1

? ? var result = currentDayWeek - (d % 7 - 1);

? ? var firstKey = result <= 0 ? 7 + result : result;

? ? var currentDayList = [];

? ? var f = 0;

? ? if (parseInt(m) < 10) {

? ? ? m = '0' + m

? ? }

? ? var d;

? ? for (var i = 0; i < 42; i++) {

? ? ? let data = []

? ? ? if (i < firstKey) {

? ? ? ? currentDayList[i] = { "date": "", "adultprice": "", "childprice": "", "dc_id": "", "numberlimit": "", "id": "" }

? ? ? } else {

? ? ? ? if (f < currentDayNum) {

? ? ? ? ? d = (f + 1)

? ? ? ? ? if (parseInt(d) < 10) {

? ? ? ? ? ? d = '0' + d

? ? ? ? ? }

? ? ? ? ? currentDayList[i] = { "date": Y + '-' + m + '-' + d, "adultprice": "", "childprice": "", "dc_id": "", "numberlimit": "", "id": "" }

? ? ? ? ? currentDayList[i].id = f + 1;

? ? ? ? ? f = currentDayList[i].id

? ? ? ? ? // }

? ? ? ? } else if (f >= currentDayNum) {

? ? ? ? ? currentDayList[i] = { "date": "", "adultprice": "", "childprice": "", "dc_id": "", "numberlimit": "", "id": "" }

? ? ? ? }

? ? ? }

? ? }

? ? that.setData({

? ? ? currentDayList: currentDayList

? ? })

? },

? //選擇具體日期方法--xzz1211

? selectDay: function (e) {

? ? var that = this;

? ? console.log(e);

? ? var a;

? ? var b;

? ? if (that.data.currentMonth < 10) {

? ? ? a = '0' + that.data.currentMonth

? ? } else {

? ? ? a = that.data.currentMonth

? ? }

? ? if (e.target.dataset.day < 10) {

? ? ? b = '0' + e.target.dataset.day

? ? } else {

? ? ? b = e.target.dataset.day

? ? }

? ? var arrs = trag_daystr;

? ? var s = that.data.currentYear + '-' + a + '-' + b;//真實(shí)選擇數(shù)據(jù)

? ? for (var i = 0; i < arrs.length; i++) {

? ? ? var dates = new Date(arrs[i].date);

? ? ? var date2s = new Date(s);

? ? ? dates = dates.getTime(); date2s = date2s.getTime();

? ? ? if (dates == date2s) {

? ? ? ? arrs = arrs.slice(i);

? ? ? }

? ? }

? ? that.setData({

? ? ? trag_daystr: arrs,

? ? ? currentDay: e.target.dataset.day,//選擇的數(shù)據(jù),非真實(shí)當(dāng)前日期

? ? ? currentDa: e.target.dataset.day, //選擇某月具體的一天

? ? ? currentDate: that.data.currentYear + '-' + that.data.currentMonth + '-' + e.target.dataset.day,//真實(shí)選擇數(shù)據(jù)

? ? ? riqi: true, dateCre:0

? ? })

? ? console.log('當(dāng)前選擇:'+that.data.currentYear + '-' + that.data.currentMonth + '-' + e.target.dataset.day)

? },

? rqClick: function (e) {

? ? this.setData({

? ? ? riqi: false

? ? });

? },

? dateClick: function (e) {

? ? // console.log(e)

? ? console.log('當(dāng)前選擇:'+e.currentTarget.dataset.list.date)

? ? this.setData({

? ? ? crprice: e.currentTarget.dataset.list.adultprice,

? ? ? etprice: e.currentTarget.dataset.list.childprice,

? ? ? dateCre: e.currentTarget.dataset.index,

? ? ? dc_id: e.currentTarget.dataset.list.dc_id,

? ? ? opsDate: e.currentTarget.dataset.list.date

? ? })

? },

})



wxml 部分

<view class='dateV'>

? ? <view>泉州出發(fā)</view>

? ? <view class='dateVlist'>

? ? ? <view wx:for="{{trag_daystr}}" data-index='{{index}}' bindtap='dateClick' class='dateVlistV {{dateCre==index?"btn_addcart":""}}' wx:if="{{index<7}}" data-list="{{item}}">

? ? ? ? <view>{{item.date}}</view>

? ? ? ? <view>¥{{item.adultprice}}</view>

? ? ? </view>

? ? ? <view class='dateVlistV btn_addcart}}' style='padding-top:28rpx;' bindtap='rqClick'>更多日期</view>

? ? </view>

? </view>

<view class='riqi' hidden='{{riqi}}'>

? ? <scroll-view scroll-y style="height:{{screenHeight}}px;" class='riqiBack'>

? ? ? <view? style='height:{{screenHeight}}px;'>

? ? ? ? <view class="page">

? ? ? ? ? <view class="box">

? ? ? ? ? ? <scroll-view class="scroll-view_H" scroll-x style="width: 100%">

? ? ? ? ? ? ? <view class='qtmdF'>

? ? ? ? ? ? ? ? <view wx:for="{{yue}}" bindtap='doDay' data-id='{{item}}' style="{{m==item?'color:blue':''}}">

? ? ? ? ? ? ? ? ? {{item}}

? ? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? </scroll-view>

? ? ? ? ? ? <view class="box-flex">

? ? ? ? ? ? ? <view class="flex-item">

? ? ? ? ? ? ? ? <view class="item-content" bindtap="doDay" data-key='left'>

? ? ? ? ? ? ? ? ? <view class="glyphicon glyphicon-triangle-left"></view>

? ? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? <view class="flex-item item-content-current-day">

? ? ? ? ? ? ? ? <view class="item-content">{{currentDate}}</view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? <view class="flex-item">

? ? ? ? ? ? ? ? <view class="item-content" bindtap="doDay" data-key="right">

? ? ? ? ? ? ? ? ? <view class="glyphicon glyphicon-triangle-right"></view>

? ? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? </view>

? ? ? ? ? ? <view class="box-flex">

? ? ? ? ? ? ? <view class="flex-item">

? ? ? ? ? ? ? ? <view class="item-content">日</view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? <view class="flex-item">

? ? ? ? ? ? ? ? <view class="item-content">一</view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? <view class="flex-item">

? ? ? ? ? ? ? ? <view class="item-content">二</view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? <view class="flex-item">

? ? ? ? ? ? ? ? <view class="item-content">三</view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? <view class="flex-item">

? ? ? ? ? ? ? ? <view class="item-content">四</view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? <view class="flex-item">

? ? ? ? ? ? ? ? <view class="item-content">五</view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? ? <view class="flex-item">

? ? ? ? ? ? ? ? <view class="item-content">六</view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? </view>

? ? ? ? ? ? <view class="box-flex">

? ? ? ? ? ? ? <view class="flex-item" wx:for="{{currentDayList}}" wx:for-index='key' wx:for-item="vo" wx:key="{{key}}">

? ? ? ? ? ? ? ? <view data-day="{{vo.id}}" bindtap='{{vo.id<currentDays&&m==currentMonths||vo.id==""||vo.adultprice==""?"":"selectDay"}}' class="item-content {{!selectCSS}}" style='{{vo.id<currentDays&&m==currentMonths||vo.adultprice==""?"color:#999":""}}' wx:if="{{currentDay != vo.id}}" data-index='{{currentMonths}}'

? ? ? ? ? ? ? ? ? data-s="{{m}}">{{vo.id}}</view>

? ? ? ? ? ? ? ? <view data-day="{{vo.id}}" bindtap='selectDay' class="item-content {{selectCSS}}" wx:else>{{vo.id}}</view>

? ? ? ? ? ? ? ? <view style=' font-size:22rpx;color:#666; {{vo.adultprice==""?"display:none":""}}' wx:if="{{currentDay != vo.id}}">¥{{vo.adultprice}}</view>

? ? ? ? ? ? ? ? <view class="reds" style='{{vo.adultprice==""?"display:none;":""}}' wx:else>¥{{vo.adultprice}}</view>

? ? ? ? ? ? ? </view>

? ? ? ? ? ? </view>

? ? ? ? ? </view>

? ? ? ? </view>

? ? ? </view>

? ? </scroll-view>

? </view>



wxss 部分

.riqi {

? position: fixed;

? width: 100%;

? height: 100%;

? top: 0;

? background: rgba(0, 0, 0, 0.5);

}

.riqiBack {

? position: absolute;

? top: 300rpx;

? background: #fff;

? width:100%;

}

.box {

? display: block;

? margin: 10px;

}

.box-flex {

? display: -webkit-box;

? display: -webkit-flex;

? display: flex;

? flex-wrap: wrap;

}

.qtmdF{

? display: flex;

? border-bottom: 1px solid #EBEBEA;

}

.qtmdF>view{

? padding: 20rpx 30rpx;

}

.flex-item {

? flex-flow: nowrap;

? flex-grow: 1;

? position: relative;

? flex-shrink: 1;

? width: 14.2%;text-align:center;

}

.item-content {

? margin: 5px;

? padding: 0 10px;

? padding-bottom: 0;

? margin-bottom: 0;

? text-align: center;

? background-color: #fff;

? height: 2rem;

? line-height: 2rem;

? border-radius:5rpx;

? color: #000;

}

.reds{

? color: #fff;

? font-size:20rpx;

? position: absolute;

? bottom: 10rpx;

? width: 100%;

? text-align: center;

}

.bk-color-day {

? background-color: blue;

? color: #fff;

? height:2.8rem;

}

.item-content-current-day {

? flex-grow: 2;

}

.dateV {

? margin-top: 20rpx;

? background: #f8f8fa;

? padding: 20rpx;

}

.dateVlist {

? display: flex;

? flex-flow: wrap;

}

.dateVlistV {

? width: 22.8%;

? margin-right: 20rpx;

? margin-top: 20rpx;

? height: 94rpx;

? text-align: center;

? color: #999;

? box-sizing: border-box;

? font-size: 24rpx;

? padding-top: 14rpx;

? border-radius: 5px;

? background-color: #f3f3f3;

}

.dateVlist>view:nth-child(4), .dateVlist>view:nth-child(8) {

? margin-right: 0rpx;

}

.btn_addcart{

? background-color:#383838;color:#fff;

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容