資訊專(zhuān)欄INFORMATION COLUMN
摘要：項(xiàng)目需要，需要一個(gè)日歷表組件，產(chǎn)品狗嫌棄第三方提供的組件樣式太丑，功能不全，帶刀和產(chǎn)品理論奈何產(chǎn)品有槍。無(wú)奈只能自己寫(xiě)一個(gè)，發(fā)布完這條博客我就提離職，再也不和產(chǎn)品多。
項(xiàng)目需要，需要一個(gè)日歷表組件，產(chǎn)品狗嫌棄第三方提供的組件樣式太丑，功能不全，帶刀和產(chǎn)品理論奈何產(chǎn)品有槍。無(wú)奈只能自己寫(xiě)一個(gè)，發(fā)布完這條博客我就提離職，再也不和產(chǎn)品多BB。
Html=>
`
{{year}}年{{month}}月日一二三四五六{{item.day}}{{item.name}}
`
js=>
css=>
tips:我用的css解析器是stylus，用less和sass之類(lèi)的大佬麻煩動(dòng)動(dòng)你們的小手加個(gè)花括號(hào)
給各位大佬呈上APP.vue中的調(diào)用，以及參數(shù)詳細(xì)用法
App.vue中的@test1事件是在在入?yún)arkArr中定義的，其中在markArr中color是標(biāo)記日期的樣式顏色，name是顯示的樣式名稱(chēng)，days是日期數(shù)組，clickEvent就是自定義事件名稱(chēng)
丟個(gè)成果圖
是不是很丑？我故意的，想要好看自己改去吧，大致功能全都實(shí)現(xiàn)了
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/104191.html
摘要：你也可以從其他星期開(kāi)始，不過(guò)會(huì)對(duì)下面的日期顯示有影響，因?yàn)槊總€(gè)月的第一天是周幾決定第一天顯示在第幾個(gè)格子里。首先要根據(jù)年月的第一天獲得，根據(jù)這個(gè)獲取周幾。 準(zhǔn)備工作 提前需要準(zhǔn)備好react腳手架開(kāi)發(fā)環(huán)境，由于react已經(jīng)不支持在頁(yè)面內(nèi)部通過(guò)jsx.transform來(lái)轉(zhuǎn)義，我們就自己大了個(gè)簡(jiǎn)易的開(kāi)發(fā)環(huán)境 創(chuàng)建一個(gè)文件夾，命名為react-canlendar cd ./react-c...
摘要：你也可以從其他星期開(kāi)始，不過(guò)會(huì)對(duì)下面的日期顯示有影響，因?yàn)槊總€(gè)月的第一天是周幾決定第一天顯示在第幾個(gè)格子里。首先要根據(jù)年月的第一天獲得，根據(jù)這個(gè)獲取周幾。 準(zhǔn)備工作 提前需要準(zhǔn)備好react腳手架開(kāi)發(fā)環(huán)境，由于react已經(jīng)不支持在頁(yè)面內(nèi)部通過(guò)jsx.transform來(lái)轉(zhuǎn)義，我們就自己大了個(gè)簡(jiǎn)易的開(kāi)發(fā)環(huán)境 創(chuàng)建一個(gè)文件夾，命名為react-canlendar cd ./react-c...
摘要：手把手教你寫(xiě)組件庫(kù)最近在研究的實(shí)現(xiàn)，發(fā)現(xiàn)網(wǎng)上很少有關(guān)于插件具體實(shí)現(xiàn)的文章，官方的文檔也只是一筆帶過(guò)，對(duì)于新手來(lái)說(shuō)并不算友好。 手把手教你寫(xiě) Vue UI 組件庫(kù) 最近在研究 muse-ui 的實(shí)現(xiàn)，發(fā)現(xiàn)網(wǎng)上很少有關(guān)于 vue 插件具體實(shí)現(xiàn)的文章，官方的文檔也只是一筆帶過(guò)，對(duì)于新手來(lái)說(shuō)并不算友好。 筆者結(jié)合官方文檔，與自己的摸索總結(jié)，以最簡(jiǎn)單的 FlexBox 組件為例子，帶大家入門(mén) v...
閱讀 2649·2021-09-26 10:17
閱讀 3258·2021-09-22 15:16
閱讀 2166·2021-09-03 10:43
閱讀 3293·2019-08-30 11:23
閱讀 3688·2019-08-29 13:23
閱讀 1338·2019-08-29 11:31
閱讀 3720·2019-08-26 13:52
閱讀 1430·2019-08-26 12:22
