天給大家分享一個功能強健高水準的web彈窗組件VueLayer。

vue-layer 一款備受web開發者青睞的layer.js彈窗組件的vue.js版本。擁有豐富友好的操作體驗及文檔，兼容主流瀏覽器。

安裝

$ npm i vue-layer -S

引用

import Vue from 'vue';
import layer from 'vue-layer'
import 'vue-layer/lib/vue-layer.css';

Vue.prototype.$layer=layer(Vue);

參數說明

{
  type: 0, //0（信息框，默認）1（頁面層）2（iframe層）3（加載層）4（tips層）
  title: '信息',
  content: '',
  area: 'auto',
  offset: 'auto',
  icon: -1,
  btn: '確定',
  time: 0,
  shade: true,//是否顯示遮罩
  yes: '',
  cancel: '',
  tips: [0,{}],//支持上右下左四個方向，通過1-4進行方向設定,可以設定tips: [1, '#c00']
  tipsMore: false,//是否允許多個tips
  shadeClose: true,//點擊遮罩是否關閉
}

插件使用

// options和yes可以省略， content 可以為html
layer.alert(content, [options, yes]);

layer.confirm(content, [options, yes, cancel]);

// 默認msg的關閉時間為1.5秒
layer.msg(content, [options, end]);

//follow對css選擇器，用來定位目標
layer.tips(content, follow, options);

// data參數可認為是componentName的props，options參數直接寫到json里即可，比如title
layer.iframe({
  content: {
    content: componentName, //傳遞的組件對象
    parent: this,//當前的vue對象
    data:{}//props
  },
  area:['800px','600px'],
  title: 'title'
});

layer.open(options);

layer.close(id);

layer.closeAll(type);

提供各種豐富的演示示例

附上示例及倉庫地址

# 預覽地址
http://layer.zuoyanit.com/

# github地址
https://github.com/zuoyanart/vue-layer

ok，就分享到這里。喜歡的話可以去嘗試下哈。同時歡迎留言一起交流討論~~

語兒歌，也稱粵語童謠或廣府童謠，流傳于以粵語為方言的地區。它淺顯生動、韻律平和、順口而出，貼近生活，婦女與兒童是傳唱的主體?；浾Z童謠是特定時代歲月的民間吟唱，凝結著廣府人的鄉土情結，成為孩子學語、識物、認字的橋梁。要將日漸式微的粵語童謠傳唱下來，需靠社會的推廣及教育傳承。

5月24日，廣州市人民政府文史研究館館員、國家一級作家曾應楓上線“文史廣州”系列講座直播，圍繞粵語童謠的歷史發展與教育傳承，帶領觀眾領略童謠的魅力。

5月24日，廣州市人民政府文史研究館館員、國家一級作家曾應楓上線“文史廣州”系列講座直播。

時代吟唱：一首首愛國童謠

廣府童謠何時開始流行？曾應楓介紹，1919年“五四”運動前后，北京大學教授劉半農、沈尹默、錢玄同、沈兼士發起的歌謠學運動是新文化運動的組成部分，揭開了中國俗文學運動、民間文學運動和民俗學運動的序幕。作為近代革命策源地的廣州及廣府地區，早在鴉片戰爭期間就用兒歌宣傳抗擊帝國主義。

“一聲炮響，二（義律，英軍頭目）律埋城，三元里頂住，四方炮臺打爛，伍紫垣（廣東洋行商人）借款，六百萬講和，七七禮拜，八千斤未響，（指八千斤重的大炮未能打響）九九打下（不久來打一下），十足輸曬?！边@是1841年鴉片戰爭時期在廣州廣為流傳的民謠《三元里抗英》。

曾應楓講解道，這首童謠屬于時政歌，通過從123數序的數數、排列，反映鴉片戰爭時期英軍侵華，廣州三元里人民抗英的情景，鮮明地體現了廣州民眾強烈的反侵略情感色彩。

1911年辛亥革命前后，媒體大量運用 “童謠”號召民眾推翻封建帝制，當年的報刊《時事畫報》《賞奇畫報》《時諧畫報》等都有刊登。廣府童謠以此有了新的開端，并被廣泛傳唱。

1937年抗日戰爭爆發后，粵語童謠變成了一首首教育人們團結抗敵的愛國童謠。大眾是童謠的原創者，在與苦難和外來侵略抗爭的生活中，他們自編自吟自唱，通過口耳相傳的方式，進行創作與傳播。除了時政歌，更多的是貼近生活的童謠，如膾炙人口的《月光光》。

“月光光，照地塘，年卅晚，摘檳榔。檳榔香，摘子姜。子姜辣，買蒲達。蒲達苦，買豬肚。豬肚肥，買牛皮。牛皮薄，買菱角。菱角尖，買馬鞭。馬鞭長，起屋梁。屋梁高，買張刀。刀切菜，買籮蓋?；j蓋圓，買只船。船沉底，浸死兩個番鬼仔。一個浮頭，一個沉底。一個摸茨菇，一個摸馬蹄。問你好睇唔好睇，燒番串炮仗仔?！?/p>

這首童謠寫的是過年時節，孩子們興奮地在一起，挑挑揀揀嶺南佳果的情景，從順口而出的吟唱充分表現了廣府特有的民間風物與風情。童謠運用了粵方言的9個聲調，富于音樂性，靠詞語的連響銜接，朗朗上口。

口耳相傳：廣府人的鄉土情結

粵語童謠涉獵內容有社會、自然、歷史、地理等多方面，種類包括時政歌、生活歌、動物歌、植物歌、風俗歌、游戲歌等，是民間文學的一種。

曾應楓表示，童謠是口頭文學，參與的民眾是創作者也是傳播者，不同的人在傳唱中容易加進自己的情感色彩，所以同一歌謠有多種版本很常見。“三元里歌謠便有不同的版本，光是三元里所在的白云區就有4種版本，其中一個傳唱人還譜了曲。童謠《月光光》曾經伴隨了一代一代廣府人的成長，流行至今就有35個版本，分別來自廣州荔灣區、越秀區、海珠區、花都區等?！?/p>

此外，民間流傳著的歌謠、順口溜等，也能反映各行業的狀況。如順口溜：廣繡廣繡，廣府名流。神功會景，官袍錦袖，荷包繡片，飄洋過埠。賒(花）佬繡工，養家活口，工精藝好，仲靠攬頭。若無闊佬，衣食難求。

這里唱的“賒佬”，應寫作“花佬”，就是男性繡工， “仲靠”，即粵語“還得靠”之意。攬頭，即接攬繡品生意發給繡花工制作的牙人（在明清時外貿牙商都叫攬頭）。

童謠的流傳要靠民間的口耳相傳，婦女與兒童是兒歌的創造者，也是傳播者。在歌聲中長大的孩子，為人父母后，又把這些耳熟能詳童謠傳給后代。這些童謠烙印著廣府人家在鄉間河涌、田野內屋及日常生活的痕跡，凝聚著廣府人的鄉土情結。

教育傳承：廣府兒歌現活力

曾應楓表示，粵語童謠像廣府地區常見的村邊大榕樹，根須豐茂，主根深深扎進大地，造蔭后人，其持久穩固的功能像水與空氣彌漫在人們的周圍。但生活在大樹庇蔭下的人們，習以為常，往往對其不再重視。

“童謠傳承方式是口耳相傳，所以是脆弱的。要將日漸式微的廣府兒歌傳承下來，需要靠社會的推廣及教育傳承，讓青少年從小認識民間文化，傳承民間文化。”曾應楓說。

民間文學是一切藝術之母。《廣州民間歌謠》搜集的童謠就有1000多首。曾應楓說，近年來，廣州市越來越多小學開始重視讓學生認識廣府文化中粵語童謠，學校從教育傳承入手，讓孩子們創作童謠。“廣東省文明辦連續舉辦了五屆嶺南童謠節，大家都為如何培育傳承人，如何切實地保護好民族文化的文脈去研究、去實踐?！?/p>

想了解更多關于本講座的內容，點擊下面的鏈接可完整觀看。

https://m.mp.oeeee.com/live/7427_9789a6b25f9d9269.html?layer=2

為講好廣州故事，助力城市文化建設，廣州市人民政府文史研究館聯合廣州圖書館舉辦“文史廣州”名家講座系列活動，厚植城市人文情懷，讓廣大市民“讀懂廣州、熱愛廣州、奉獻廣州”。

南都廣州新聞部出品

采寫：南都記者 李竹 實習生 陳婉兒 通訊員 顏戴麗 鄭爽

圖片由通訊員提供