| | |
| | | <div class="time">{{ tempDate.time }}</div> |
| | | <div class="day">{{ `${tempDate.date} ${tempDate.day}` }}</div> |
| | | </div> |
| | | <img src="@/assets/img/title_line@2x.png" class="right-line" alt=""> |
| | | <!-- <img src="@/assets/img/title_line@2x.png" class="right-line" alt=""> --> |
| | | </div> |
| | | </div> |
| | | <!-- 'background': `url(${getAssets(item.bgImg)})`, --> |
| | |
| | | |
| | | <script setup> |
| | | import { getAssets } from '@/utils' |
| | | import { reactive, toRefs, onMounted } from 'vue'; |
| | | import { getDepartmentList } from '@/utils/apis.js' |
| | | import { reactive, toRefs, ref, onMounted } from 'vue'; |
| | | import { RouterView } from 'vue-router' |
| | | |
| | | const layoutList = [ |
| | |
| | | time: '', |
| | | date: '', |
| | | day: '' |
| | | } |
| | | }, |
| | | comList: [] |
| | | }) |
| | | |
| | | let { tempCom, isFull, tempDate } = toRefs(data) |
| | | |
| | | const comList = [ |
| | | {name: '豆米'}, |
| | | {name: '大米'}, |
| | | {name: '小米'}, |
| | | {name: '黄米'}, |
| | | ] |
| | | |
| | | let { tempCom, isFull, tempDate, comList } = toRefs(data) |
| | | |
| | | const selectCom = (item, index) => { |
| | | data.tempCom = item |
| | |
| | | } |
| | | |
| | | onMounted(() => { |
| | | |
| | | getDepartmentList(8) |
| | | .then(res => { |
| | | data.comList = res |
| | | data.tempCom = res[0] |
| | | }) |
| | | .catch(err => {}) |
| | | const week = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日',] |
| | | setInterval(() => { |
| | | let date = new Date() |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | padding: 30px; |
| | | overflow-y: scroll; |
| | | box-sizing: border-box; |
| | | .header { |
| | | background-image: url('@/assets/img/bg_maintitle@2x.png'); |
| | |
| | | } |
| | | .num-list { |
| | | margin-top: 24px; |
| | | margin-bottom: 27px; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | height: 88px; |