默认提交

@@ -152,20 +152,37 @@ export default {
 		},
 		initProduct() {
 			let productList = [{
-				title: "保證續保至100歲"
+				showMore: false,
+				title: "保證續保至100歲",
+				desc: "平安人壽（香港）「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。"
 			}, {
+				showMore: false,
 				title: "不設終身保障限額"
 			}, {
+				showMore: false,
 				title: "一家投保 盡享稅務扣減"
 			}, {
+				showMore: false,
 				title: "承保投保前未知的已有疾病"
 			}, {
+				showMore: false,
 				title: "出院免找數 讓您安心無憂"
 			}, {
+				showMore: false,
 				title: "無索償折扣"
 			}];
 			this.productList = productList;
 		},
+		onShowMoreHandler(idx) {
+			console.log("idx:", idx);
+			let productList = this.productList;
+			let curProduct = productList[idx];
+			if (curProduct) {
+				curProduct.showMore = !curProduct.showMore;
+			}
+			this.productList = productList;
+			console.log("this.productList:",this.productList);
+		},
 		initData() {
 			this.initProduct();
 			let targetData = null;
@@ -210,8 +227,7 @@ export default {
 				try {
 					this.sourceData = JSON.parse(d);
 					this.initData();
-				} catch (e) {
-				}
+				} catch (e) {}
 			}
 		}
 	},
@@ -219,7 +235,12 @@ export default {
 		this.initActivity();
 	},
 	created() {
-		httpGet({ url: api.productInfo, data: { code: "voluntary" } }).then(res => {
+		httpGet({
+			url: api.productInfo,
+			data: {
+				code: "voluntary"
+			}
+		}).then(res => {
 			if (res) {
 				localStorage.setItem("voluntaryInfo", JSON.stringify(res));
 				this.sourceData = res;

@@ -221,7 +221,7 @@
       @extend .fcc;
       padding: 2px;
       width: 582px;
-      height: 262px;
+      height: 280px;
       margin-bottom: 25px;
 
       .cont {
@@ -237,8 +237,8 @@
         }
 
         .detail {
-          padding: 52px 40px 0 0;
-          // flex: 1;
+          padding: 52px 32px 0 0;
+          flex: 1;
           flex-grow: 1;
 
           .t1 {
@@ -247,7 +247,7 @@
             font-weight: bold;
           }
 
-          .desc {
+          .more {
             display: flex;
             // margin: 12px auto 0;
 
@@ -261,6 +261,13 @@
               font-size: 18px;
             }
           }
+
+          .desc {
+            margin-top: 6px;
+            font-size: 18px;
+            font-weight: 300;
+            // letter-spacing: -0.45px;
+          }
         }
       }
     }

@@ -67,11 +67,14 @@
 							</div>
 							<div class="detail">
 								<div class="t1" v-html="item.title">{{item.title}}</div>
-								<div class="desc">
-									<div class="desc-icon-wrap">
+								<div class="more pointer" @click="onShowMoreHandler(index)">
+									<div class="more-icon-wrap" >
 										<img src="@/assets/images/vhis/vhis-plus.png">
 									</div>
-									<div class="c1">展開</div>
+									<div class="c1">{{item.showMore ? '收起' : '展開'}}</div>
+								</div>
+								<div v-if="item.showMore" class="desc">
+									{{item.desc}}
 								</div>
 							</div>
 						</div>