vue2.0 + vue-router + vue-cli + axios + stylus + flex布局 + es6 + eslint + webpack2 
復制代碼

common文件夾存放的是通用的css和fonts
componets文件夾用來存放Vue組件
router文件夾存放Vue組件
build文件是webpack的打包編譯配置文件
config文件夾存放的是一些配置項，比如我們服務器訪問的端口配置等
dist該文件一開始是不存放，在項目經過build之后才會生成
Prod.server.js該文件是測試模擬的服務器配置，用來運行dist里面的文件
config/index.js中，build對象中添加一條端口設置port:9000
App.vue根組件，所有的子組件都將在這里被引用
Index.html整個項目的入口文件，將會引用我們的根組件App.vue
Main.js入口文件的js邏輯，在webpack打包之后將被注入到index.html
復制代碼

node -v
復制代碼

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
復制代碼

cnpm install -g vue-cli
復制代碼

Vue init webpack demo
復制代碼

npm run dev
復制代碼

npm run build
復制代碼

parent:
 display:fiexd;
child-left:
 flex:0 0 80px
child-right:
flex:1
復制代碼

.img_header {
 position:relative
 width:100% // width是 設備寬度
 height:0
 padding-top:100% // 高度設為0,使用padding撐開
 .img {
 position:absolute //定位布局
 top:0
 left:0
 width:100%
 height:100%
 }
}
復制代碼

fade-enter
fade-enter-active
fade-leave
fade-leave-active
復制代碼

//將頁面信息保存到localStorage里
export function saveToLocal(id, key, value) {
 let seller=window.localStorage.__seller__;//新定義一個key值_store_,存放要保存的數據對象
 if (!seller) { // 不存在Seller
 seller={};
 seller[id]={};
 } else {
 seller=JSON.parse(seller);//string格式-->json格式
 if (!seller[id]) {
 seller[id]={};
 }
 }
 seller[id][key]=value;
 window.localStorage.__seller__=JSON.stringify(seller);//將json格式轉成String格式，存放到window.localStorage._store中
};
//將localStorage信息設置到頁面中
export function loadFromLocal(id, key, def) {
 let seller=window.localStorage.__seller__;
 if (!seller) {//開始是沒有的，因為沒有點擊事件，所以顯示默認數據
 return def;
 }
 seller=JSON.parse(seller)[id];//將json格式-->String格式
 if (!seller) {
 return def;
 }
 let ret=seller[key];
 return ret || def;
};
復制代碼

<keep-alive>
 <router-view :seller="seller"></router-view>
</keep-alive>
復制代碼

使用<router-link>組件完成導航，<router-link> 默認會被渲染成一個 <a> 標簽，但必須使用 to屬性，指定連接
復制代碼
// app.vue
 <!-- 導航 -->
<router-link to="/home">home</router-link>
<router-link to="/about">about</router-link>
<!-- 路由出口 組件渲染容器 -->
<router-view></router-view>
復制代碼
// router: index.js
import Vue from 'vue';
import Router from 'vue-router';
import goods from 'components/goods/goods.vue';
import ratings from 'components/ratings/ratings.vue';
import seller from 'components/seller/seller.vue';
Vue.use(Router);
const routes=[{
 path: '/',
 redirect: '/goods'
}, {
 path: '/goods',
 component: goods
}, {
 path: '/ratings',
 component: ratings
}, {
 path: '/seller',
 component: seller
}];
復制代碼

 event bus: 利用一個中間組件來作為信息傳遞中介
 vuex: 信息樹
復制代碼

// 父組件
<v-header :seller="seller"></v-header>
// 子組件 header.vue
props: {
 seller: {
 type: Object
 }
}
復制代碼

// 子組件 ratingSelect.vue，派發自定義事件select，將type數據傳給父級
this.$emit('select', type);
this.$emit('toggle', this.onlyContent2);
// 父組件 food.vue 在子組件的模板標簽里，使用v-on監控toggleContent傳過來的數據
<ratingselect @select="selectRating" @toggle="toggleContent"></ratingselect>
復制代碼

 routes: [
 {
 path: '/',
 redirect: '/goods' //重定向
 },
 {
 path: '/goods',
 name: 'goods',
 component: goods
 },{
 path: '/ratings',
 name: 'ratings',
 component: ratings
 },{
 path: '/seller',
 name: 'seller',
 component: seller
 }
 ]
復制代碼

router.push('/Goods');
復制代碼

七篇寫民生銀行，作為房產圈最受歡迎的銀行，授信額度和房產估值成正比。像極了北上廣深的丈母娘，你痛恨她逼你買房，三五年后你會感謝她逼你買房。

一、銀行特征

各家銀行會對授信客戶進行用戶畫像分析，各家銀行信用卡審批、營銷、風控不同，在持卡人眼里也有著獨特的銀行特征。

民生銀行的幾大特點：

• 房產估值--信用卡等級--額度--權益，四者對等，并且有明確的劃分標準。
• 靠譜的相親對象就是這樣，把自己的標準和要求都列出來，節操滿滿，不同等級的信用卡額度明碼標價。標白豪白，鉆石黑金，對號入座，這點非常贊，為大家指明了推倒方向。那些嘴上說沒要求只看眼緣的姑娘，反而最難搞。
• 最核心的權益就是額度，高額度用來資金周轉，非常方便。比如50萬額度的民生百夫長黑金卡，30萬額度的鉆石卡。

• 風控寬松，白金卡客戶消費不風控，因為客戶有剛性年費貢獻，且積分兌換有上限。交了保護費，必保你平安，節操滿滿。這點比野雞行強太多了，廣發平安看了會沉默，中信浦發看了會流淚。

• 高端卡送積點，積點權益體系清晰明了，一看就懂。積點可兌換豐富的增值服務：機場貴賓、延誤險、SPA護理、齒科、體檢、健身、游泳、高爾夫等。很多權益只在大城市有服務。

• 權益具體查看：https://creditcard.cmbc.com.cn/home/cn/web/wonderful/leshare/list.shtml
• 豪華白以上等級的信用卡，航空延誤險非常給力。2小時賠1000、4小時賠2000。每個保障年度內可賠付12次。

二、申請及額度

• 民生信用卡的卡等級和額度是有明確界限的，比如豪華白金卡，最低是10萬額度。鉆石卡，最低30萬額度。可以通過房產辦理高等級信用卡，通過等級保證高額度。媽媽再也不不用擔心，我拿到額度 2000 的白金卡。
• 房產凈值=房產估值-貸款余額。
• 合肥等三類城市，標準白50萬房產，豪華白100萬房產，鉆石卡330萬房產。
• 此標準在不同城市會有變化，比如豪華白金卡，北上深220萬房產/二類城市150萬/三類城市100萬/四類城市80萬/五類城市60萬。比如鉆石卡，北上深720萬房產/三類城市330萬房產。
• 不建議網上申請，一般線下辦理，客戶經理需要到公司拍照。提交個人資質證明，秀肌肉，附上房產證或者已經備案的購房合同資料，民生卡部會到房管局核查真實性，所以一般要在房產所在地申請，因為非本城市的房產無法核查。

• 除房產外，要求申請人有6個月以上社保，或者是公司法人/股東。
• 除房產外，理財也可以進件。豪華白金卡季均存款50 萬，鉆石卡季均存款 300 萬，開戶滿半年。
• 找不到當地的卡部客戶經理，可以咨詢民生網點，或者在線預約：https://creditcard.cmbc.com.cn/wsv2/advanced?source=aKOE2JNyBQl9h7g
• 不介意行數，只要房子多，征信沒問題，盡量給批卡。
• 如果持有多張民生信用卡，信報合并（分期卡除外），賬單合并，還款合并，積分合并（聯名卡除外）。
• 辦了白金卡后可以加辦車車卡等，辦100張卡征信上也只會顯示兩個賬戶（人民幣/美元）。
• 提額主要看系統評分和用卡時間，系統自動評估。新卡半年后首提，之后每三個月有機會被翻牌，每次提額10-30%。
• 佛系養卡，愉悅人生。想提額，一定要勤快刷卡，消費不積極的話，影響提額；多參加活動，適度分期，境外消費浪起來。

• 曲線提額。已有民生卡額度不高，可以通過加辦高端白金卡提高額度。精英白 5-15萬，豪華白 10-30 萬，AE 白 10-50 萬，鉆石卡 30 萬起，黑金 50 萬起，無限卡 100 萬起。民生就是這點好，給的額度比較大方。
• 臨時額度有毒。臨時額度使用期間，無法調整固定額度，民生的臨時額度的時間比較短，不用也罷。

三、卡種推薦

（一）鉆石卡

• 主卡年費10000元/年，附屬卡5000元/年（可享第一附屬卡免年費優惠政策）
• 額度30-100萬。

主要權益：

• 核心權益就是30萬以上的額度。
• 可以選擇民生車車鉆石卡，每年可以返6000加油卡，更劃算。
• 配發一張Visa Infinite級別信用卡。
• 每年交年費后，主卡有5000積點、附屬卡有2500積點，用來兌換權益，直接在“民生信用卡APP”——VIP增值服務里面預約即可。
• 民生貴賓權益：航空延誤險、出行意外險、道路救援、PP卡、機場CIP、尊享高爾夫、雅致美容SPA、私享健康管理等。
• 官網介紹：https://creditcard.cmbc.com.cn/home/cn/web/product/high/c15710043/index.shtml

（二）民生百夫長白金卡

• 主卡6000元/年，附屬卡3000元/年（可享第一附屬卡免年費優惠政策）優質單位團辦，年費可打六折。
• 等級等同豪華白金卡，申請門檻也一樣，額度10-50萬。
• 配發一張尊尚豪華白金卡，年費不會額外再收割一次。

主要權益：

• 僅適合商務出行較多、各項權益用的上的用戶。
• 每年交年費后，主卡有3000積點、附屬卡有1500積點，用來兌換權益，直接在“民生信用卡APP”——VIP增值服務里面預約即可。
• 民生貴賓權益：航空延誤險、出行意外險、道路救援、PP卡、機場CIP、尊享高爾夫、雅致美容SPA、私享健康管理等。
• 百夫長白金卡禮遇：全球頂級酒店優惠暢住禮遇、航空公司特惠禮遇、全球機場貴賓廳禮遇、精選餐飲禮遇、美國運通旅行及生活禮賓服務等
• 頂級酒店集團精英會籍：香格里拉翡翠會籍、希爾頓榮譽客會金會籍、麗笙酒店麗賞會金卡會籍、萬豪金卡尊貴會籍等。
• AE運通卡境外消費返現。
• 官網介紹：

https://creditcard.cmbc.com.cn/home/cn/web/product/high/baifu/index.shtml

（三）豪華白金卡

• 主卡3600元/年，附屬卡1800元/年。
• 豪華白金卡，額度10-30萬。

主要權益：

• 核心權益就是10萬以上的額度。
• 可以選擇民生車車豪華白金卡，每年可以返2400加油卡，更劃算。
• 每年交年費后，主卡有1800積點，用來兌換權益，直接在“民生信用卡APP”——VIP增值服務里面預約即可。豪華酒店間夜、機場CIP、齒科、體檢、醫院掛號等。
• 民生貴賓權益：航空延誤險、出行意外險、道路救援等。
• 航空延誤險：到達時間延誤2小時定額賠付1000元/次，或延誤4小時定額賠付2000元/次，每個保障年度內可賠付8次。
• 境外返現：VISA和MASTER卡組織返現活動。
• 官網介紹：https://creditcard.cmbc.com.cn/home/cn/web/product/high/c15709139/index.shtml

（四）香格里拉白金卡

• 標準白金卡：主卡600元/年，附屬卡300元/年。2020年12月31日（含）之前申請，免首年年費，當年刷卡消費18筆或5萬人民幣，免次年年費。
• 豪華白金卡：主卡3600元/年，附屬卡1800元/年。首年年費八折，需翡翠級、鉆石級香格里拉貴賓金環會會員，或2013年12月31日前入會。

主要權益：

• 豪華白香格里拉酒店內消費30元1分，店外60元1分。標準白金信用卡，店內60元1分，店外120元1分。單月可兌換積分上限為客戶聯名卡消費所屬賬戶信用額度的2倍。積分導出時間為每月1日。
• 香格里拉豪華白金卡：萬分價值100元（1000香格里拉積分可抵扣100美元消費，可以賣300元）。香格里拉標準白金卡：萬分價值50元（1000香格里拉積分可抵扣100美元消費，可以賣300元）。
• 訂房時，輸入代碼CMBCVAD享最優包價含雙早、代碼CMBC2享9折。
• 聯名卡專享，10晚香格里拉酒店住宿后升翡翠級別。
• 在香格里拉集團旗下酒店餐廳內用餐，標準白金卡享8.5折優惠，豪華白金卡享8折優惠。可以積分。
• 官網介紹：https://creditcard.cmbc.com.cn/home/cn/web/product/travel/c25250/index.shtml

• 詳見香格里拉官網：https://www.shangri-la.com/cn/corporate/golden-circle/redeem-points/

（五）民生車車信用卡

• 車車標準白金卡刷18次免年費，豪華白金卡年費3600元，鉆石卡年費10000元。
• 奔馳車主白金卡，卡面非常秀，相親時帶上可能會加分，可參加奔馳俱樂部相關活動。

主要權益：

• 加油金返還權益：加油金返還適用于商戶類別碼MCC為5541、5542的加油消費。這是群眾喜聞樂見的薅羊毛方式。

標白：1500計積分+500加油（成本6元），返50元（實際返44元）。一年528元。每月2次洗車。年費可刷免。

豪白：3000計積分+1334加油（成本13元），返200元（實際返18元）。一年2244元。每月4次洗車。但需3600元年費，送1800積點。

鉆石卡：6500計積分+500加油（成本21元），返500元（實際返479元）。一年5748元。每月4次洗車。但需10000元年費，送5000積點。

• 積分兌換洗車權益活動

• 1元機場停車權益，1元享2小時或48小時停車服務。
• 道路救援服務，不限車牌號碼24小時全年無休的道路救援服務。
• 官網介紹：

https://creditcard.cmbc.com.cn/home/cn/web/product/travel/c25377/index.shtml

（六）航空聯名卡

• 除常規的民生東航/南航/國航/海航/廈航/天航/四川航空聯名信用卡，還有民生全日空聯名信用卡。
• 東航/南航/國航/海航/川航聯名卡兌換標準如圖。
• 民生全日空聯名信用卡（標白兌換比例37比1）是國內唯一的全日空聯名卡，買機票、購物均有活動。
• 日本IHG/ANA酒店送免費早餐。
• 官網介紹：

https://creditcard.cmbc.com.cn/home/cn/web/product/travel/c5313265/index.shtml

（七）精英白金卡

• 新用戶首年免年費，次年年費將于年費產生后的次日以20萬專屬積分自動抵扣，積分不足20萬，主卡年費1800元/年。
• 額度5-15萬。

主要權益：

• 適合民生新用戶辦理，不需要出剛性年費。
• 主卡有900積點，用來兌換權益，直接在“民生信用卡APP”——VIP增值服務里面預約即可。豪華酒店間夜、機場CIP、齒科、體檢、醫院掛號等。
• 民生貴賓權益：航空延誤險、出行意外險、道路救援等。
• 航空延誤險：到達時間延誤2小時定額賠付1000元/次，或延誤4小時定額賠付2000元/次，每個保障年度內可賠付8次。
• 卡組織權益：銀聯、VISA、美國運通等。
• 官網介紹：https://creditcard.cmbc.com.cn/home/cn/web/product/high/jingying/index.shtml

（八）民生全幣種白金信用卡

• 民生符合EMV標準的全幣種信用卡，包括Visa 、Mastercard、JCB、美國運通AE 四大國際組織。
• 有效期內免年費.
• 境外免收1.5%外幣交易手續費。
• 四大卡組織白金卡權益。
• AE卡的好處是境外海淘不容易被砍單。
• 官網介紹：https://creditcard.cmbc.com.cn/home/cn/web/product/travel/c25187/index.shtml

四、積分及重要公告

（一）積分情況

1.常規刷卡消費，積分看商戶MCC。

https://creditcard.cmbc.com.cn/home/cn/web/customer/card/c9990602/20190822/10295104.shtml

2.線上支付有積分

全民生活APP支付（不含辦理分期付款）、銀聯云閃付APP掃碼支付，以及微信支付、支付寶、美團支付、京東支付、小米支付、滴滴支付、唯品支付等。

3.積分有效期：5年有效。

4.積分上限：單月按授信額度的2倍設定積分累計額度上限。

5.19家第三方支付機構的消費不累計積分。

https://creditcard.cmbc.com.cn/home/cn/web/customer/card/c9990602/20200619/16558447.shtml

6.民生天書：部分不累計積分的商戶列表

https://creditcard.cmbc.com.cn/home/cn/web/customer/card/c9990602/20190806/9990666.shtml

(二)多倍積分

1.所有卡生日當天3倍積分（聯名卡也是，月上限2倍額度）。

辦理附屬卡，可以享受多次生日3倍積分。

2.女人花卡：周四雙倍積分。

（三）積分價值

1.普通積分價值低，可以在積分商城換禮品，萬分價值10元左右。

2.普通積分兌換航空里程：

萬分價值26元（按里程萬400估算，兌換里程15比1）

通用積分兌換航空里程目前積分商城全部下架。

3.香格里拉豪華白金卡：萬分價值100元（1000香格里拉積分可抵扣100美元消費，可以賣300元）

4.香格里拉標準白金卡：萬分價值50元（1000香格里拉積分可抵扣100美元消費，可以賣300元）

5.航空聯名卡：萬分價值26元（按里程萬400估算，兌換里程15比1）

（四）重要公告

1.民生銀行零售客戶積分計劃

https://creditcard.cmbc.com.cn/home/cn/web/customer/card/konw/20180815/4360603.shtml

2.關于民生信用卡積分累計規則調整的公告

https://creditcard.cmbc.com.cn/home/cn/web/customer/import/20200615/16464771.shtml

五、活動推薦

1.全民節節高

• 相當于消費返現活動，刷卡后領取還款金。
• https://creditcard.cmbc.com.cn/active/web/wonderful/active/qmjjg11PC/index.html

2.惠買單，精選品牌5折起

• 餐飲消費用全民生活APP買單，部分商戶5折

3.全民星計劃

• 星級是民生信用卡通過持卡人的交易貢獻表現、履約能力、行為特征、消費偏好、身份特質以及根據持卡人畫像對持卡人未來成長潛力、預期履約能力、未來風險等多元化維度的綜合評定、排序得出的結果。
• LV3以上等級生日月雙倍積分，LV4以上等級80元充值話費100元，LV M等級專享每年2次豪華車接送機服務。
• https://creditcard.cmbc.com.cn/active/web/wonderful/active/2020qmxjhPC/index.html

4.境外線上消費最高12%返現

• 通過“什么值得買”網站或APP到境外線上商家刷已登記的銀聯卡消費，就有機會獲得最高12%返現獎勵。
• https://creditcard.cmbc.com.cn/home/cn/web/wonderful/active/abroad/20191108/11761855.shtml

5.高端美容SPA奢護禮遇

• 民生美國運通信用卡持卡人提前7天預約方可享受上海地區ZETA Villa科技美容美體會所高端美容SPA奢護禮遇。
• 包括中國大陸發行的美國運通百夫長黑金卡、百夫長白金卡、豪華白金卡、尊尚精英白金卡、阿里88VIP精英白金卡。
• ZETA Villa科技美容美體會所，僅限上海地區門店，海鹽火山石SPA/水氧凈膚面部護理，免費。
• https://creditcard.cmbc.com.cn/home/cn/web/wonderful/active/abroad/20200513/15733776.shtml

六、額度黨指南

由于民生的積分政策調整，目前能達到正收益的卡只有香格里拉聯名卡。

30萬額度選擇加辦香格里拉豪華白金卡，年費3600元。

賬單日后消費30萬，成本30*53=1590元，50天后還清，每年循環6次，總成本1590*6=9540元。

收益是30*6/60=3萬香格里拉積分，可以抵扣21000元消費，積分可以賣9000元。

30萬去買理財4%收益率，年收益12000元。

10萬額度選擇加辦香格里拉標準白金卡，無年費。

賬單日后消費10萬，成本10*53=530元，50天后還清，每年循環6次，總成本530*6=3180元。

收益是10*6/120=5000香格里拉積分，可以抵扣3500元消費，積分可以賣1500元。

10萬去買理財4%收益率，年收益4000元。

玩卡的初衷

是為了更美好的生活

把銀行禮品塞滿新買的大房子

是為了家人和朋友收到禮物后的欣喜

是為了更有品質的旅行

看看世界之大，其折或遠