Kaynağa Gözat

解决下载链接问题

eraser 4 yıl önce
ebeveyn
işleme
26cab65d48

+ 19 - 5
components/introductionToTheExperiment/syjj_second.vue

@@ -17,14 +17,19 @@
 				<view class="syjj-content" v-for="(content,contentI) in data_SYJJ[checkedIndex_second].page[checkedIndex_bodyTitle].content" :key="contentI">
 					<!-- 文字 -->
 					<view v-show="content.type=='text'">
-						<text v-for="(text,textI) in content.textList" :key="textI" :class="'syjj-text-'+text.textType">
+						<text v-for="(text,textI) in content.textList" :key="textI" :class="'syjj-text-'+text.textType" v-show="text.textType!='link'">
 							{{text.text}}
 						</text>
+						<!-- link -->
+						<text v-for="(link,index) in content.textList" class=".syjj-link" v-show="link.textType=='link'">
+							<a :href="url">{{link.text}}</a>
+						</text>
 					</view>
 					<!-- 图片 -->
 					<view class="syjj-pic df jcc" v-show="content.type=='pic'">
 						<img :src="content.src"></img>
 					</view>
+				
 				</view>
 			</view>
 		</view>
@@ -36,10 +41,11 @@
 	export default {
 		data() {
 			return {
+				url:'https://dl.google.com/tag/s/appguid%3D%7B8A69D345-D564-463C-AFF1-A69D9E530F96%7D%26iid%3D%7B7869C644-40DB-D051-55C1-EF1EA244A890%7D%26lang%3Dzh-CN%26browser%3D4%26usagestats%3D1%26appname%3DGoogle%2520Chrome%26needsadmin%3Dprefers%26ap%3Dx64-stable-statsdef_1%26installdataindex%3Dempty/update2/installers/ChromeSetup.exe',
+				
 				checkedIndex_second: 0, //二级页面选择、外部调用:如,评审账号、快速进入实验等
 				checkedIndex_bodyTitle: 0, //正文小标题选择
 
-
 				//以下为静态
 				data_SYJJ: [
 					myData_SYJJ_PSZH, //评审账号
@@ -66,6 +72,8 @@
 				// console.log("切换页面", pageIndex);
 				this.checkedIndex_second = pageIndex;
 				this.checkedIndex_bodyTitle = 0;
+				
+				console.log('contentI=',this.data_SYJJ[this.checkedIndex_second].page[this.checkedIndex_bodyTitle].content)
 			}
 		}
 	}
@@ -110,11 +118,17 @@
 		color: #EA252C;
 		font-weight: bold;
 	}
-	.syjj-text-link{
-		color: #EA252C;
-	}
+	// .syjj-text-link{
+	// 	color: #EA252C;
+	// }
 	.syjj-pic img {
 		// max-width: 100%;
 		width: px2vw(1000);
 	}
+	
+	.syjj-link{
+		color: blue;
+		text-decoration:underline;
+	}
+	
 </style>