ren-calendar.js.map 24.9 KB
{"version":3,"sources":[null,"webpack:///D:/vue/kaoshi3-fangweishangcheng/components/ren-calendar/ren-calendar.vue?22f6","webpack:///D:/vue/kaoshi3-fangweishangcheng/components/ren-calendar/ren-calendar.vue?806a","webpack:///D:/vue/kaoshi3-fangweishangcheng/components/ren-calendar/ren-calendar.vue?948c","uni-app:///components/ren-calendar/ren-calendar.vue","webpack:///D:/vue/kaoshi3-fangweishangcheng/components/ren-calendar/ren-calendar.vue?0480","webpack:///D:/vue/kaoshi3-fangweishangcheng/components/ren-calendar/ren-calendar.vue?fda3"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAqI;AACrI;AACgE;AACL;AACsC;;;AAGjG;AAC0K;AAC1K,gBAAgB,6KAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,mGAAM;AACR,EAAE,4GAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,uGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,qRAEN;AACP;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;;AAEH;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC5DA;AAAA;AAAA;AAAA;AAA4oB,CAAgB,snBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACsChqB;AACA,sBADA;AAEA;AACA;AACA,iBADA,EADA;;AAIA;AACA;AACA,kBADA;AAEA,gBAFA,EALA;;AASA;AACA;AACA,iBADA;AAEA;AACA;AACA,OAJA,EAVA;;AAgBA;AACA;AACA,mBADA;AAEA,mBAFA,EAjBA;;AAqBA;AACA;AACA,mBADA;AAEA,mBAFA,EAtBA;;AA0BA;AACA;AACA,mBADA;AAEA,mBAFA,EA3BA;;AA+BA;AACA;AACA,mBADA;AAEA,oBAFA,EAhCA,EAFA;;;AAuCA,MAvCA,kBAuCA;AACA;AACA,mDADA;AAEA,iCAFA,EAEA;AACA,kCAHA,EAGA;AACA,eAJA,EAIA;AACA,oBALA;AAMA,qBANA;AAOA,gBAPA;;AASA,GAjDA;AAkDA,SAlDA,qBAkDA;AACA;AACA;AACA,GArDA;AAsDA,SAtDA,qBAsDA;AACA;AACA,GAxDA;AAyDA;AACA;AACA,WAFA,qBAEA;AACA;AACA,KAJA;AAKA,UALA,oBAKA;AACA;AACA,KAPA,EAzDA;;AAkEA;AACA,aADA,qBACA,GADA,EACA;AACA;AACA;AACA,KAJA;AAKA,YALA,sBAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uEADA;AAEA,wBAFA;;AAIA;AACA,KAlBA;AAmBA;AACA,YApBA,oBAoBA,CApBA,EAoBA,KApBA,EAoBA;AACA;AACA;AACA,2DAHA,CAGA;AACA,wDAJA,CAIA;AACA,+DALA,CAKA;AACA;AACA;AACA;AACA;AACA;AACA,SAFA,MAEA;AACA;AACA,SAFA,MAEA;AACA;AACA;AACA,OATA;AAUA,wDAjBA,CAiBA;AACA;AACA;AACA,iEADA;AAEA,qCAFA;AAGA,wDAHA;AAIA,sCAJA;;AAMA;AACA;AACA;AACA,iCADA;AAEA,+CAFA;AAGA,kCAHA;AAIA,iBAJA;AAKA,sBALA,CAKA;AALA;AAOA;AACA;AACA;AACA,iCADA;AAEA,wEAFA;AAGA,wDAHA;AAIA,uCAJA;;AAMA;AACA;AACA;AACA,KAjEA;AAkEA,aAlEA,qBAkEA,CAlEA,EAkEA,CAlEA,EAkEA,CAlEA,EAkEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KA5EA;AA6EA,eA7EA,uBA6EA,CA7EA,EA6EA,CA7EA,EA6EA,CA7EA,EA6EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KAxFA;AAyFA;AACA,aA1FA,qBA0FA,CA1FA,EA0FA,CA1FA,EA0FA,CA1FA,EA0FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KApGA;AAqGA,WArGA,mBAqGA,CArGA,EAqGA,CArGA,EAqGA,CArGA,EAqGA;AACA;AACA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KA7GA;AA8GA;AACA,UA/GA,oBA+GA;AACA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA;AACA,SAFA;AAGA;AACA;AACA,KA1HA;AA2HA;AACA,aA5HA,qBA4HA,CA5HA,EA4HA,KA5HA,EA4HA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBADA;AAEA,wBAFA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAHA,MAGA;AACA;AACA;AACA;AACA,OARA,MAQA;AACA;AACA;AACA;AACA;AACA,KAxJA;AAyJA;AACA,kBA1JA,0BA0JA,CA1JA,EA0JA,CA1JA,EA0JA;AACA;AACA;AACA;AACA,KA9JA;AA+JA,eA/JA,uBA+JA,IA/JA,EA+JA;AACA;AACA;AACA;AACA;AACA,SAHA,MAGA;AACA;AACA;AACA,OAPA,MAOA;AACA;AACA;AACA;AACA,SAHA,MAGA;AACA;AACA;AACA;AACA;AACA,KAhLA,EAlEA,E;;;;;;;;;;;;ACtCA;AAAA;AAAA;AAAA;AAA2uC,CAAgB,6nCAAG,EAAC,C;;;;;;;;;;;ACA/vC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/ren-calendar/ren-calendar.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./ren-calendar.vue?vue&type=template&id=2e42c8f8&scoped=true&\"\nvar renderjs\nimport script from \"./ren-calendar.vue?vue&type=script&lang=js&\"\nexport * from \"./ren-calendar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ren-calendar.vue?vue&type=style&index=0&id=2e42c8f8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2e42c8f8\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"components/ren-calendar/ren-calendar.vue\"\nexport default component.exports","export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./ren-calendar.vue?vue&type=template&id=2e42c8f8&scoped=true&\"","var components\ntry {\n  components = {\n    uIcon: function() {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-icon/u-icon\" */ \"uview-ui/components/u-icon/u-icon.vue\"\n      )\n    }\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范,文档:https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范,需手动引入,并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var m0 = _vm.headerBar ? _vm.formatNum(_vm.m) : null\n\n  var l0 = _vm.__map(_vm.dates, function(item, index) {\n    var $orig = _vm.__get_orig(item)\n\n    var m1 = _vm.isToday(item.year, item.month, item.date)\n    var m2 = _vm.isWorkDay(item.year, item.month, item.date)\n    var m3 = Number(item.date)\n    var m4 = _vm.isMarkDay(item.year, item.month, item.date) && item.isCurM\n    return {\n      $orig: $orig,\n      m1: m1,\n      m2: m2,\n      m3: m3,\n      m4: m4\n    }\n  })\n\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        m0: m0,\n        l0: l0\n      }\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./ren-calendar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./ren-calendar.vue?vue&type=script&lang=js&\"","<template>\r\n  <view class=\"calendar-wrapper\">\r\n    <view class=\"header\" v-if=\"headerBar\">\r\n        <u-icon color=\"#969799\" name=\"arrow-left\" @click=\"changeMonth('pre')\"></u-icon>\r\n      <!-- <view class=\"pre\" @click=\"changeMonth('pre')\">上个月</view> -->\r\n      <view class=\"dateText\">{{ y + '年' + formatNum(m) + '月' }}</view>\r\n      <u-icon color=\"#969799\" name=\"arrow-right\" @click=\"changeMonth('next')\"></u-icon>\r\n      <!-- <view class=\"next\" @click=\"changeMonth('next')\">下个月</view> -->\r\n    </view>\r\n    <view class=\"week\">\r\n      <view class=\"week-day\" v-for=\"(item, index) in weekDay\" :key=\"index\">{{ item }}</view>\r\n    </view>\r\n    <view :class=\"{ hide: !monthOpen }\" class=\"content\" :style=\"{ height: height }\">\r\n      <view :style=\"{ top: positionTop + 'rpx' }\" class=\"days\">\r\n        <view class=\"item \" v-for=\"(item, index) in dates\" :key=\"index\">\r\n          <view\r\n            class=\"day\"\r\n            @click=\"selectOne(item, $event)\"\r\n            :class=\"{\r\n              choose: choose == `${item.year}-${item.month}-${item.date}` && item.isCurM,\r\n              nolm: !item.isCurM,\r\n              today: isToday(item.year, item.month, item.date),\r\n              isWorkDay: isWorkDay(item.year, item.month, item.date),\r\n            }\"\r\n          >\r\n            {{ Number(item.date) }}\r\n          </view>\r\n          <!-- <view class=\"markDay\" v-if=\"isMarkDay(item.year, item.month, item.date) && item.isCurM\"></view> -->\r\n          <view class=\"markDay\" v-if=\"isMarkDay(item.year, item.month, item.date) && item.isCurM\"></view>\r\n          <!-- <view class=\"today-text\" v-if=\"isToday(item.year, item.month, item.date)\">今</view> -->\r\n        </view>\r\n      </view>\r\n    </view>\r\n    <!-- <image src=\"https://i.loli.net/2020/07/16/2MmZsucVTlRjSwK.png\" mode=\"scaleToFill\" v-if=\"collapsible\" @click=\"toggle\" class=\"weektoggle\" :class=\"{ down: monthOpen }\"></image> -->\r\n  </view>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ren-calendar',\r\n  props: {\r\n    selectDateList: {\r\n        type: Array\r\n    },\r\n    // 星期几为第一天(0为星期日)\r\n    weekstart: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n    // 标记的日期\r\n    markDays: {\r\n      type: Array,\r\n      default: () => {\r\n        return []\r\n      },\r\n    },\r\n    //是否展示月份切换按钮\r\n    headerBar: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    // 是否展开\r\n    open: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    //是否可收缩\r\n    collapsible: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    //未来日期是否不可点击\r\n    disabledAfter: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      weektext: ['日', '一', '二', '三', '四', '五', '六'],\r\n      y: new Date().getFullYear(), // 年\r\n      m: new Date().getMonth() + 1, // 月\r\n      dates: [], // 当前月的日期数据\r\n      positionTop: 0,\r\n      monthOpen: true,\r\n      choose: '',\r\n    }\r\n  },\r\n  created() {\r\n    this.dates = this.monthDay(this.y, this.m)\r\n    !this.open && this.toggle()\r\n  },\r\n  mounted() {\r\n    this.choose = this.getToday().date\r\n  },\r\n  computed: {\r\n    // 顶部星期栏\r\n    weekDay() {\r\n      return this.weektext.slice(this.weekstart).concat(this.weektext.slice(0, this.weekstart))\r\n    },\r\n    height() {\r\n      return (this.dates.length / 7) * 80 + 'rpx'\r\n    },\r\n  },\r\n  methods: {\r\n    formatNum(num) {\r\n      let res = Number(num)\r\n      return res < 10 ? '0' + res : res\r\n    },\r\n    getToday() {\r\n      let date = new Date()\r\n      let y = date.getFullYear()\r\n      let m = date.getMonth()\r\n      let d = date.getDate()\r\n      let week = new Date().getDay()\r\n      let weekText = ['日', '一', '二', '三', '四', '五', '六']\r\n      let formatWeek = '星期' + weekText[week]\r\n      let today = {\r\n        date: y + '-' + this.formatNum(m + 1) + '-' + this.formatNum(d),\r\n        week: formatWeek,\r\n      }\r\n      return today\r\n    },\r\n    // 获取当前月份数据\r\n    monthDay(y, month) {\r\n      let dates = []\r\n      let m = Number(month)\r\n      let firstDayOfMonth = new Date(y, m - 1, 1).getDay() // 当月第一天星期几\r\n      let lastDateOfMonth = new Date(y, m, 0).getDate() // 当月最后一天\r\n      let lastDayOfLastMonth = new Date(y, m - 2, 0).getDate() // 上一月的最后一天\r\n      let weekstart = this.weekstart == 7 ? 0 : this.weekstart\r\n      let startDay = (() => {\r\n        // 周初有几天是上个月的\r\n        if (firstDayOfMonth == weekstart) {\r\n          return 0\r\n        } else if (firstDayOfMonth > weekstart) {\r\n          return firstDayOfMonth - weekstart\r\n        } else {\r\n          return 7 - weekstart + firstDayOfMonth\r\n        }\r\n      })()\r\n      let endDay = 7 - ((startDay + lastDateOfMonth) % 7) // 结束还有几天是下个月的\r\n      for (let i = 1; i <= startDay; i++) {\r\n        dates.push({\r\n          date: this.formatNum(lastDayOfLastMonth - startDay + i),\r\n          day: weekstart + i - 1 || 7,\r\n          month: m - 1 >= 0 ? this.formatNum(m - 1) : 12,\r\n          year: m - 1 >= 0 ? y : y - 1,\r\n        })\r\n      }\r\n      for (let j = 1; j <= lastDateOfMonth; j++) {\r\n        dates.push({\r\n          date: this.formatNum(j),\r\n          day: (j % 7) + firstDayOfMonth - 1 || 7,\r\n          month: this.formatNum(m),\r\n          year: y,\r\n          isCurM: true, //是否当前月份\r\n        })\r\n      }\r\n      for (let k = 1; k <= endDay; k++) {\r\n        dates.push({\r\n          date: this.formatNum(k),\r\n          day: (lastDateOfMonth + startDay + weekstart + k - 1) % 7 || 7,\r\n          month: m + 1 <= 11 ? this.formatNum(m + 1) : 0,\r\n          year: m + 1 <= 11 ? y : y + 1,\r\n        })\r\n      }\r\n      // console.log(dates);\r\n      return dates\r\n    },\r\n    isWorkDay(y, m, d) {\r\n      //是否工作日\r\n      let ymd = `${y}/${m}/${d}`\r\n      let formatDY = new Date(ymd.replace(/-/g, '/'))\r\n      let week = formatDY.getDay()\r\n      if (week == 0 || week == 6) {\r\n        return false\r\n      } else {\r\n        return true\r\n      }\r\n    },\r\n    isFutureDay(y, m, d) {\r\n      //是否未来日期\r\n      let ymd = `${y}/${m}/${d}`\r\n      let formatDY = new Date(ymd.replace(/-/g, '/'))\r\n      let showTime = formatDY.getTime()\r\n      let curTime = new Date().getTime()\r\n      if (showTime > curTime) {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    // 标记日期\r\n    isMarkDay(y, m, d) {\r\n      let flag = false\r\n      for (let i = 0; i < this.selectDateList.length; i++) {\r\n        let dy = `${y}-${m}-${d}`\r\n        if (this.selectDateList[i] == dy) {\r\n          flag = true\r\n          break\r\n        }\r\n      }\r\n      return flag\r\n    },\r\n    isToday(y, m, d) {\r\n      let checkD = y + '-' + m + '-' + d\r\n      let today = this.getToday().date\r\n      if (checkD == today) {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    // 展开收起\r\n    toggle() {\r\n      this.monthOpen = !this.monthOpen\r\n      if (this.monthOpen) {\r\n        this.positionTop = 0\r\n      } else {\r\n        let index = -1\r\n        this.dates.forEach((i, x) => {\r\n          this.isToday(i.year, i.month, i.date) && (index = x)\r\n        })\r\n        this.positionTop = -((Math.ceil((index + 1) / 7) || 1) - 1) * 80\r\n      }\r\n    },\r\n    // 点击回调\r\n    selectOne(i, event) {\r\n      let date = `${i.year}-${i.month}-${i.date}`\r\n      let selectD = new Date(date).getTime()\r\n      let curTime = new Date().getTime()\r\n      let week = new Date(date).getDay()\r\n      let weekText = ['日', '一', '二', '三', '四', '五', '六']\r\n      let formatWeek = '星期' + weekText[week]\r\n      let response = {\r\n        date: date,\r\n        week: formatWeek,\r\n      }\r\n      if (!i.isCurM) {\r\n        // console.log('不在当前月范围内');\r\n        return false\r\n      }\r\n      if (selectD > curTime) {\r\n        if (this.disabledAfter) {\r\n          console.log('未来日期不可选')\r\n          return false\r\n        } else {\r\n          this.choose = date\r\n          this.$emit('onDayClick', response)\r\n        }\r\n      } else {\r\n        this.choose = date\r\n        this.$emit('onDayClick', response)\r\n      }\r\n      console.log(response)\r\n    },\r\n    //改变年月\r\n    changYearMonth(y, m) {\r\n      this.dates = this.monthDay(y, m)\r\n      this.y = y\r\n      this.m = m\r\n    },\r\n    changeMonth(type) {\r\n      if (type == 'pre') {\r\n        if (this.m + 1 == 2) {\r\n          this.m = 12\r\n          this.y = this.y - 1\r\n        } else {\r\n          this.m = this.m - 1\r\n        }\r\n      } else {\r\n        if (this.m + 1 == 13) {\r\n          this.m = 1\r\n          this.y = this.y + 1\r\n        } else {\r\n          this.m = this.m + 1\r\n        }\r\n      }\r\n      this.dates = this.monthDay(this.y, this.m)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.calendar-wrapper {\r\n  color: #bbb7b7;\r\n  font-size: 28rpx;\r\n  text-align: center;\r\n  background-color: #f6f8fa;\r\n  padding-bottom: 10rpx;\r\n\r\n  .header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 88rpx;\r\n    color: #42464a;\r\n    font-size: 32rpx;\r\n    font-weight: bold;\r\n    border-bottom: 2rpx solid #f2f2f2;\r\n    .pre,\r\n    .next {\r\n      color: #4d7df9;\r\n      font-size: 28rpx;\r\n      font-weight: normal;\r\n      padding: 8rpx 15rpx;\r\n      border-radius: 10rpx;\r\n      border: 2rpx solid #dcdfe6;\r\n    }\r\n    .pre {\r\n      margin-right: 30rpx;\r\n    }\r\n    .next {\r\n      margin-left: 30rpx;\r\n    }\r\n  }\r\n\r\n  .week {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 80rpx;\r\n    line-height: 80rpx;\r\n    border-bottom: 1rpx solid rgba(255, 255, 255, 0.2);\r\n\r\n    view {\r\n      flex: 1;\r\n    }\r\n  }\r\n\r\n  .content {\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: height 0.4s ease;\r\n\r\n    .days {\r\n      transition: top 0.3s;\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      position: relative;\r\n\r\n      .item {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        display: block;\r\n        height: 80rpx;\r\n        line-height: 80rpx;\r\n        width: calc(100% / 7);\r\n\r\n        .day {\r\n            display: flex !important;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: rgba(50,50,51,1);\r\nfont-size: 32rpx;\r\nfont-weight: 700;\r\n\r\n\r\n\r\n          font-style: normal;\r\n          display: inline-block;\r\n          vertical-align: middle;\r\n          width: 108rpx;\r\n          height: 108rpx;\r\n          box-sizing: border-box;\r\n          line-height: 60rpx;\r\n          overflow: hidden;\r\n          border-radius: 60rpx;\r\n\r\n          &.choose {\r\n            /* background-color: #4d7df9; */\r\n            background-color: #ffc01b;\r\n            width: 108rpx;\r\n            height: 108rpx;\r\n            border-radius: 24rpx;\r\n            /* color: #000; */\r\n            color: rgba(50,50,51,1);\r\nfont-size: 32rpx;\r\nfont-weight: 700;\r\n          }\r\n\r\n          &.nolm {\r\n            color: #fff;\r\n            opacity: 0.3;\r\n          }\r\n        }\r\n        .isWorkDay {\r\n          color: #42464a;\r\n        }\r\n\r\n        .notSigned {\r\n          font-style: normal;\r\n          width: 8rpx;\r\n          height: 8rpx;\r\n          background: #fa7268;\r\n          border-radius: 10rpx;\r\n          position: absolute;\r\n          left: 50%;\r\n          bottom: 0;\r\n          pointer-events: none;\r\n        }\r\n        .today {\r\n          color: #000;\r\n          background: #f6f8fa;\r\n          /* background-color: #a8c0ff; */\r\n        }\r\n        .workDay {\r\n          font-style: normal;\r\n          width: 8rpx;\r\n          height: 8rpx;\r\n          background: #4d7df9;\r\n          border-radius: 10rpx;\r\n          position: absolute;\r\n          left: 50%;\r\n          bottom: 0;\r\n          pointer-events: none;\r\n        }\r\n        .markDay {\r\n            margin-top: 10rpx;\r\n          width: 16rpx;\r\n          height: 8rpx;\r\n          border-radius: 4rpx;\r\n          opacity: 1;\r\n          background: rgba(255, 192, 27, 1);\r\n          font-style: normal;\r\n          /* width: 8rpx;\r\n                    height: 8rpx;\r\n                    background: #fc7a64;\r\n                    border-radius: 10rpx; */\r\n          position: absolute;\r\n          left: 43%;\r\n          bottom: 0;\r\n          pointer-events: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .hide {\r\n    height: 80rpx !important;\r\n  }\r\n\r\n  .weektoggle {\r\n    width: 85rpx;\r\n    height: 32rpx;\r\n    position: relative;\r\n    bottom: -42rpx;\r\n    &.down {\r\n      transform: rotate(180deg);\r\n      bottom: 0;\r\n    }\r\n  }\r\n}\r\n.dateText{\r\n    color: rgba(50,50,51,1);\r\nfont-size: 32rpx;\r\nfont-weight: 700;\r\nmargin: 0 32rpx;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./ren-calendar.vue?vue&type=style&index=0&id=2e42c8f8&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./ren-calendar.vue?vue&type=style&index=0&id=2e42c8f8&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1670384387632\n      var cssReload = require(\"D:/高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}