<template>
	<view class="content">
		<!-- <image class="logo" src="http://image.keyitest.cn/static/logo.png"></image> -->
		<!-- <view class="text-area">
			<u-tabs-swiper :list="tablist" :scrollable="false" @change="taclick" :current="current"	active-color="#1578ED" ref="tabs" ></u-tabs-swiper>
		</view>
		 -->
		<view style="width:23vw;position: fixed;">
			<view class="activestu" v-if="current==0" style="background-color: #FFFFFF;"><view class="tabls"></view><p>开源专区</p></view>
			<view class="activestua" v-else @click="taclick('0')"><p>开源专区</p></view>
			<view class="activestu" v-if="current==1" style="background-color: #FFFFFF;"><view class="tabls"></view><p>CNAS服务</p></view>
			<view class="activestua" v-else @click="taclick('1')"><p>CNAS服务</p></view>
			<view class="activestu" v-if="current==2" style="background-color: #FFFFFF;"><view class="tabls"></view><p>GJB5000B</p></view>
			<view class="activestua" v-else @click="taclick('2')"><p>GJB5000B</p></view>
			<view class="activestu" v-if="current==3" style="background-color: #FFFFFF;"><view class="tabls"></view><p>行业动态</p></view>
			<view class="activestua" v-else @click="taclick('3')"><p>行业动态</p></view>
			<view class="activestu" v-if="current==4" style="background-color: #FFFFFF;"><view class="tabls"></view><p>关于我们</p></view>
			<view class="activestua" v-else @click="taclick('4')"><p>关于我们</p></view>
		</view>
		<view  v-if="current==0" class="tabledetails" >
			<img class="logobg" src="http://image.keyitest.cn/static/all/banner.png" alt="" />
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/10.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">Codacy</p>
					<p style="margin:7px 0;line-height:18px;">Codacy是一款企业级安全保障工具，能够完成静态分析（安全和性能检查）、代码重复率、代码复杂性和测试覆盖率等分析...</p>
					<p>
						<span>类型：源代码扫描工具</span>
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">https://www.codacy.com/</p> -->
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/1.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">LGTM</p>
					<p style="margin:7px 0;line-height:18px;">LGTM是一款开源且高效的代码审查工具，可通过变体分析检查代码中的常见漏洞与披露（CVE），同时支持几乎所有主...</p>
					<p>
						<span>类型：源代码扫描工具</span>
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">https://lgtm.com/</p> -->
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/2.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">SonarQube</p>
					<p style="margin:7px 0;line-height:18px;">SonarQube 是最著名的静态代码分析工具之一，旨在清理并保护 DevOps 工作流及代码。通过对代码质量的持续分析, .</p>
					<p>
						<span>类型：源代码扫描工具</span>
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">https://www.sonarqube.org/</p> -->
					<u-link href="https://uviewui.com/" text="打开uView UI文档" color="#19be6b" line-color="#19be6b"></u-link>
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/3.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">JUnit</p>
					<p style="margin:7px 0;line-height:18px;">JUnit是一个为Java编程语言设计的开源单元测试框架，由 Kent Beck 和Erich Gamma建立，它是单元测试框</p>
					<p>
						<span>类型：源代码扫描工具</span>
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">https://junit.org/junit5/</p> -->
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/4.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">TestNG</p>
					<p style="margin:7px 0;line-height:18px;">TestNG是另一个为Java编程语言设计的开源单元测试框架，是一个受JUnit和NUnit启发而来的测试框架，但它引入了一些...</p>
					<p>
						<span>类型：源代码扫描工具</span>
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">https://testng.org/</p> -->
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/5.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">GoogleTest</p>
					<p style="margin:7px 0;line-height:18px;">GoogleTest是一个跨平台的(Liunx、Mac OS X、Windows 、Cygwin 、Windows CE and Symbian ) C++单元测试框架...</p>
					<p>
						<span>类型：源代码扫描工具</span>
						
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">https://github.com/google/goog.../</p> -->
					<u-link href="https://uviewui.com/" text="打开uView UI文档" color="#19be6b" line-color="#19be6b"></u-link>
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/6.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">Pytest</p>
					<p style="margin:7px 0;line-height:18px;">pytest是一个非常成熟的全功能的支持Python语言的单元自动化测试框架。简单灵活，容易上手，支持参数化；能够支持 ...</p>
					<p>
						<span>类型：单元测试工具</span>
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">http://pytest.org/</p> -->
					<u-link href="https://uviewui.com/" text="打开uView UI文档" color="#19be6b" line-color="#19be6b"></u-link>
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/7.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">Unittest</p>
					<p style="margin:7px 0;line-height:18px;">unittest是Python自带的一个单元测试框架，无需安装，使用简便，引入包 import unittest 即可使用。unittest单元测试框...</p>
					<p>
						<span>类型：单元测试工具</span>
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">http://docs.python.org/zh-cn/3/....</p> -->
					<u-link href="https://uviewui.com/" text="打开uView UI文档" color="#19be6b" line-color="#19be6b"></u-link>
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/8.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">JMockit</p>
					<p style="margin:7px 0;line-height:18px;">JMockit是一个用于Java语言单元测试的开源Mock工具，包含了工具和API集合。Jmockit可以和junit和TestNG配合使用...</p>
					<p>
						<span>类型：源代码扫描工具</span>
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">http://jmockit.org/</p> -->
					<u-link href="https://uviewui.com/" text="打开uView UI文档" color="#19be6b" line-color="#19be6b"></u-link>
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;">
				<img class="deyalimg" src="http://image.keyitest.cn/static/all/9.png" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;">Jacoco</p>
					<p style="margin:7px 0;line-height:18px;">Jacoco是一个开源的免费Java代码覆盖工具，由EclEmma创建，其使用方法很灵活，可以嵌入到Ant、Maven中；可以...</p>
					<p>
						<span>类型：源代码扫描工具</span>
						<p style="margin-top: 5px;">
							<span>当前版本：</span>
							<span style="color: #FD461A">V7.92</span>
						</p>
					</p>
					<!-- <p style="color: #1578ED;font-size: 25rpx;margin:7px 0">http://jmockit.org/</p> -->
				</view>
			</view>
			<!-- <view class="opensq">
				<img  src="http://image.keyitest.cn/static/all/11.png" alt="">
				<view style="width: 50vw;">
					<p>更多内容请点击进入官网了解详情：</p>
					<p style="color: #1578ED;margin:3px 0">http://218.30.67.85:19212/openSource</p>
				</view>
			</view> -->
			<view style="height:10px;"></view>
		</view>
		<view  v-if="current==1" class="tabledetails">
			<img class="logobg" src="http://image.keyitest.cn/static/all/CNAS/bannercnas.png" alt="" />
			<img class="titlebg" src="http://image.keyitest.cn/static/all/CNAS/1.png" alt="">
			<p class="aboutp">北京关键科技股份有限公司测评实验室隶属于北京关键科技股份有限公司，成立于2017年5月8日，接受北京关键科技股份有限公司
				等上级部门的指导，并于2017年8月23号获取中国合格评定国家认可委员会（CNAS）（注册号：CNAS L10233）和中国国防科技工
				业实验室认可委员（DILAC）。
			</p>
			<p class="aboutp">
				实验室在职职工40余人，其中具有软件测试及实验室管理经验人员9人，有丰富软件测试技术及
				实验室管理能力人员15人。拥有测试平台服务器、PC机等仪器设备以及各类软件测试工具，固定资产原值为人民币近600多万元。
				实验室工作及检测区域总面积200多平方米。
			</p>
			<img class="titlebg" style="margin-top:20px;" src="http://image.keyitest.cn/static/all/CNAS/2.png" alt="">
			<p class="aboutp">实验室技术力量雄厚，拥有符合相关标准和规程要求的检测软件、设备、设施和环境条件</p>
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;">		
				<view class="bureau">
					<img  src="http://image.keyitest.cn/static/all/CNAS/11.png" alt="">
					<p >军队/军工院所</p>
					<view class="suline"></view>
				</view>
				<view class="bureau">
					<img  src="http://image.keyitest.cn/static/all/CNAS/5.png" alt="">
					<p >政府事业单位</p>
					<view class="suline" style="background: #EC9D13;"></view>
				</view>
				<view class="bureau">
					<img  src="http://image.keyitest.cn/static/all/CNAS/6.png" alt="">
					<p >银行、金融</p>
					<view class="suline" style="background: #0AC991;"></view>
				</view>
				<view class="bureau">
					<img  src="http://image.keyitest.cn/static/all/CNAS/7.png" alt="">
					<p >银行、金融</p>
					<view class="suline" style="background: #F93737;"></view>
				</view>
			</view>
			<img class="titlebg" style="margin:35px 0 20px 0;" src="http://image.keyitest.cn/static/all/CNAS/3.png" alt="">
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;">
				<img class="successal" src="http://image.keyitest.cn/static/all/CNAS/8.png" alt="">
				<img class="successal" src="http://image.keyitest.cn/static/all/CNAS/9.png" alt="">
				<img class="successal" src="http://image.keyitest.cn/static/all/CNAS/10.png" alt="">
				<img class="successal" src="http://image.keyitest.cn/static/all/CNAS/12.png" alt="">
				<img class="successal" src="http://image.keyitest.cn/static/all/CNAS/15.png" alt="">
				<img class="successal" src="http://image.keyitest.cn/static/all/CNAS/13.png" alt="">
			</view>
			<img class="titlebg" style="margin:35px 0 20px 0;" src="http://image.keyitest.cn/static/all/CNAS/4.png" alt="">
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;">
				<view class="statictool">
					<img  src="http://image.keyitest.cn/static/all/CNAS/14.png" alt="">
					<p >静态测试工具</p>
				</view>
				<view class="statictool">
					<img  src="http://image.keyitest.cn/static/all/CNAS/16.png" alt="">
					<p >性能测试工具</p>
				</view>
				<view class="statictool">
					<img  src="http://image.keyitest.cn/static/all/CNAS/17.png" alt="">
					<p >静态测试工具</p>
				</view>
				<view class="statictool">
					<img  src="http://image.keyitest.cn/static/all/CNAS/18.png" alt="">
					<p >性能测试工具</p>
				</view>
				<view class="statictool">
					<img  src="http://image.keyitest.cn/static/all/CNAS/19.png" alt="">
					<p >静态测试工具</p>
				</view>
				<view class="statictool">
					<img  src="http://image.keyitest.cn/static/all/CNAS/20.png" alt="">
					<p >性能测试工具</p>
				</view>
			</view>
			<!-- <view class="opensq" style="margin-top: 20px;">
				<img  src="http://image.keyitest.cn/static/all/11.png" alt="">
				<view style="width: 50vw;">
					<p>更多内容请点击进入官网了解详情：</p>
					<p style="color: #1578ED;margin:3px 0">http://218.30.67.85:19212/soion/CNAS</p>
				</view>
			</view> -->
			<view style="height:10px;"></view>
		</view>
		<view  v-if="current==2" class="tabledetails">
			<img class="logobg" src="http://image.keyitest.cn/static/all/GJB/banner.png" alt="" />
			<img class="titlebg" src="http://image.keyitest.cn/static/all/GJB/9.png" alt="">
			<p class="aboutp">公司拥有专业咨询和技术实施团队，已协助40多家军工企业通过GJB5000BL2、L3认证，公司提供的GJB5000B咨询服务会对
			客户单位的GJB5000BL2、L3级认证过程进行总体规划，确定管理体系的总体框架，结合企业业务特点、软件过程改进的实际情况和软件能力的
			现状等因素，协助制定管理体系文件，建立体系运行管理机构，保障贯标和过程改进工作，达到服务目标。
			</p>
			<img class="titlebg" style="margin:35px 0 -10px 0;" src="http://image.keyitest.cn/static/all/GJB/10.png" alt="">
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;">		
				<view class="bureau">
					<img  src="http://image.keyitest.cn/static/all/GJB/1.png" alt="">
					<p style="font-size: 28rpx;text-align: left">进行理念和实务培训，帮助员工提高过程管理意识</p>
				</view>
				<view class="bureau">
					<img  src="http://image.keyitest.cn/static/all/GJB/2.png" alt="">
					<p style="font-size: 28rpx;text-align: left">建立适合企业管理要求的软件研制过程管理体系</p>
				</view>
				<view class="bureau">
					<img  src="http://image.keyitest.cn/static/all/GJB/3.png" alt="">
					<p style="font-size: 28rpx;text-align: left">跟踪、指导企业软件项目研制工作过程，持续提升能力</p>
				</view>
				<view class="bureau">
					<img  src="http://image.keyitest.cn/static/all/GJB/4.png" alt="">
					<p style="font-size: 28rpx;text-align: left">通过GJB5000B 认证</p>
				</view>
			</view>
			<img class="titlebg" style="margin:35px 0 20px 0;" src="http://image.keyitest.cn/static/all/GJB/11.png" alt="">
			
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;">
				<view class="statictosol">
					<img  src="http://image.keyitest.cn/static/all/GJB/5.png" alt="">
					<p style="color:#1A1A1A;font-size: .9rem;font-weight: bold;">01</p>
					<p>培训及诊断分析阶段</p>
				</view>
				<img style="width:12rpx;height: 16rpx;" src="http://image.keyitest.cn/static/all/GJB/12.png" alt="">
				<view class="statictosol">
					<img  src="http://image.keyitest.cn/static/all/GJB/6.png" alt="">
					<p style="color:#1A1A1A;font-size: .9rem;font-weight: bold;">02</p>
					<p>过程定义阶段</p>
				</view>
				<view class="statictosol">
					<img  src="http://image.keyitest.cn/static/all/GJB/6.png" alt="">
					<p style="color:#1A1A1A;font-size: .9rem;font-weight: bold;">03</p>
					<p>过程实施阶段</p>
				</view>
				<img style="width:12rpx;height: 16rpx;" src="http://image.keyitest.cn/static/all/GJB/12.png" alt="">
				<view class="statictosol">
					<img  src="http://image.keyitest.cn/static/all/GJB/6.png" alt="">
					<p style="color:#1A1A1A;font-size: .9rem;font-weight: bold;">04</p>
					<p>评价阶段</p>
				</view>
			</view>
			<!-- <view class="opensq" style="margin-top: 20px;">
				<img  src="http://image.keyitest.cn/static/all/11.png" alt="">
				<view style="width: 50vw;">
					<p>更多内容请点击进入官网了解详情：</p>
					<p style="color: #1578ED;margin:3px 0">http://218.30.67.:12/solution/GJB</p>
				</view>
			</view> -->
			<view style="height:10px;"></view>
		</view>
		<view  v-if="current==3" class="tabledetails">
			<img class="logobg" src="http://image.keyitest.cn/static/all/hang/banner.png" alt="" />
			<view style="display: flex;justify-content: space-between;margin-bottom:23px;" 
				  v-for="(item,key) of newlist" :key="key"  @click="hangdeyails(item.id,item.picWeb)">
				<!-- <img v-if="item.title=='如何组织一次成功的全链路压测'" class="deyalimg" style="width:20vw;" src="http://www.keyitest.cn/assets/dynamic/dydeau.png" alt="" /> -->
				<img class="deyalimg" style="width:20vw;" :src="item.picWeb?item.picWeb:'http://www.keyitest.cn/assets/dynamic/dydeau.png'" alt="">
				<view style="color:#808080;font-size:22rpx;width:53vw;">
					<p style="color: #1A1A1A;font-size: 30rpx;font-weight: bold;line-height: 22px;">{{item.title | tiilhange}}</p>
					<p style="margin:7px 0;color: #808080;">{{item.summary | tiilnamechange}}</p>
					<p style="color: #BFBFBF;">发布时间：{{item.ptime.slice(0,10)}}</p>
				</view>
			</view>
		
			<view style="height:10px;"></view>
		</view>
		<view  v-if="current==4" class="tabledetails">
			<img class="logobg" src="http://image.keyitest.cn/static/all/zbout/banner.png" alt="" />
			<img class="titlebg" src="http://image.keyitest.cn/static/all/zbout/1.png" alt="">
			<p class="aboutp">
				北京关键科技股份有限公司成立于2005年，总部位于北京昌平未来科学城国电投研究院园区内，目前在西安、上海、武汉、重庆、成都及广州
				均有分公司及办事处。我公司是一家以自主可控产品研制、软件测试技术研究、软件工程咨询服务和系统集成、云平台、大数据、信息安全为一体的国家级高新技术企业
				。公司以“自主研发软件测试、软件工程工具”为主体，以“软件定制开发”与“云平台大数据、人工智能”为两翼，面向军队及军工各系统、政府
				主管部门和高等院校及科研院所、国家能源、交通、医疗、教育与金融保险等行业提供软件工程、软件测试、信息安全、云平台、大数据等方面的产品、咨询服务和技术智力支撑。
				公司拥有专业研发团队和专家组，承研了多项重大软件专项、预研课题和测试、质量、试训等大数据项目；公司自研产品已进入国家和军方自主可控产品名录，产品覆盖软件全生
				命周期各阶段，形成了完整的工具生态链，各产品已完成平台化集成，推出云测试平台、软件集成研发一体化平台。
			</p>
			<p class="aboutp">
				 关键科技18年来，坚守“质量第一、服务至上”的核心价值观，不忘初心，满怀“爱国、拥军、济天下”的情怀，长期助力军工企业发展。服务的客户包括：海、陆、空、火箭军、
				 战略支源部队， 军事科学研究科、中国融通、 中国航空、中国航天、中国船舶、中国电子、中国核工业、中国兵器、中科院等。
			</p>
			<p class="aboutp">
				“为员工服务、为用户奋斗”是关键科技的司训宗旨。关键科技的一切，来自于员工，“为员工服务”是，源自于用户，“为用户奋斗”是关键科技事业持续发展的必然结果。“为员工服务”，是为实现“为用户奋斗”准备有生力量；“为用户奋斗”，是为实现“为员工服务”提供再生能量，
				两者有机统一，互为支撑。
			</p>
			<p class="aboutp">
				“个人为事业服务，事业为社会服务，个人的服务是超报酬的，社会的服务是超经济的”是公司理念的价值链，公司为员工增值，员工为事业创造价值，事业为社会创造价值，
				新的价值所形成的新的经济会超越并提升现有的经济。
			</p>
			<p class="aboutp">
				“谋关键的事，创关键的业，做关键的人”何为关键的事、何为关键的业又何为关键的人呢？关键的事是一个战术问题，对内推动变革、保持价值观一致、实行有效沟通，保证信息对称，员工价值增值，创造价值，再把价值贡献给社会。
			</p>
			<img class="titlebg" style="margin:20px 0" src="http://image.keyitest.cn/static/all/zbout/2.png" alt="">
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;">
				<img class="successal" style='height: 11vw;' src="http://image.keyitest.cn/static/all/zbout/4.png" alt="">
				<img class="successal" style='height: 11vw;' src="http://image.keyitest.cn/static/all/zbout/5.png" alt="">
				<img class="successal" style='height: 11vw;' src="http://image.keyitest.cn/static/all/zbout/6.png" alt="">
				<img class="successal" style='height: 11vw;' src="http://image.keyitest.cn/static/all/zbout/7.png" alt="">
				<img class="successal" style='height: 11vw;' src="http://image.keyitest.cn/static/all/zbout/8.png" alt="">
				<img class="successal" style='height: 11vw;' src="http://image.keyitest.cn/static/all/zbout/9.png" alt="">
			</view>
			<img class="titlebg" style="margin:20px 0" src="http://image.keyitest.cn/static/all/zbout/3.png" alt="">
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;">
				<img class="honor" src="http://image.keyitest.cn/static/all/zbout/19.png" alt="">
				<img class="honor" src="http://image.keyitest.cn/static/all/zbout/17.png" alt="">
				<img class="honor" src="http://image.keyitest.cn/static/all/zbout/18.png" alt="">
				<img class="honor" src="http://image.keyitest.cn/static/all/zbout/16.png" alt="">
				<img class="honor" src="http://image.keyitest.cn/static/all/zbout/12.png" alt="">
				<img class="honor" src="http://image.keyitest.cn/static/all/zbout/14.png" alt="">
				<img class="honor" src="http://image.keyitest.cn/static/all/zbout/13.png" alt="">
				<img class="honor" src="http://image.keyitest.cn/static/all/zbout/15.png" alt="">
			</view>
			<!-- <view style="height:10px;"></view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tablist:[{name:'开源专区'},{name:'CNAS服务'},{name:'GJB5000B'},{name:'行业动态'},{name:'关于我们'}],
				current:0,
				newlist:[],//行业动态
			}
		},
		onLoad() {
			this.http.quickGet('/news/newsList?pageNum=1&pageSize=100').then(res=>{
				let newlistdata=res.data.rows
				this.newlist=newlistdata.filter(item=>item.id!=127)
				console.log('行业动态',res)
			})
		},
		filters:{
			tiilnamechange(value){
				if (!value) return ''
				if(value.length>50){
					 return value.slice(0, 50) + '...'
				}
				 return value
			},
			tiilhange(value){
				if (!value) return ''
				if(value.length>10){
					 return value.slice(0, 10) + '...'
				}
				 return value
			},
		},
		methods: {
			taclick(item){
				this.current = item;
				console.log('item', item);
			},
			hangdeyails(id,picWeb){
				uni.navigateTo({
					url:`./dynamicdetails?id=${id}&picWeb=${picWeb}`
				})
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		/* align-items: center;
		justify-content: center; */
	}
	.activestu{
		height:60px;
		display: flex;
		line-height:60px;
		font-size: .9rem;
		color: #1578ED;
	}
	.activestua{
		height:60px;
		line-height:60px;
		text-align: center;
		font-size: .8rem;
	}
	.tabls{
		width: 6rpx;
		height: 32rpx;
		background: #1578ED;
		border-radius: 3rpx;
		display: inline-block;
		margin-right: 10px;
		margin-top:22px;
	}
/* 	.text-area {
		display: flex;
		justify-content: center;
	} */
	.tabledetails{
		width:76vw;
		/* height: 100vh; */
		background-color: #FFFFFF;
		padding:13px;
		margin-left:23vw ;
	}
	.logobg {
		width:100%;
		height:24vw;
		margin-bottom: 15px;
	}
	.titlebg {
		 width:100%;
		height:4.2vw;
		margin:5px 0 15px 0;
		object-fit: cover;
		/* max-width: 100%;
		      max-height: 100%;
		      width: auto;
		      height: auto; */
	}
	.deyalimg{
		width: 15vw;
		height: 15vw;
		margin-right: 10px;
	}
	.opensq{
		display: flex;
		justify-content: space-between;
		background: #ECF3FD;
		border: 1px solid #96C3F7;
		border-radius: 10rpx;
		padding: 28rpx 40rpx 28rpx 18rpx;
		color: #808080;
		font-size: .7rem;
		
	}
	.opensq img{
		width:9vw;
		height:9vw;
		margin-right:5px;
	}
	.aboutp{
		font-size:24rpx;
		color: #808080;
		line-height:43rpx;
		text-indent:26px;
	}
	.bureau{
		width: 49%;
		/* height: 210rpx; */
		background: #FFFFFF;
		box-shadow: 0rpx 1rpx 8rpx 0rpx rgba(47,48,56,0.1);
		border-radius: 10rpx;
		text-align: center;
		margin-top: 20px;
		padding: 10px 5px;
	}
	.bureau img{
		width:28vw;
		height:15vw;
		margin:10px auto;
	}
	.bureau p{	
		font-size:30rpx;
		color: #4D4D4D;
	}
	.suline{
		width: 252rpx;
		height: 4rpx;
		background: #2D85F9;
		border-radius: 10rpx;
		margin-top: 10px;
	}
	.successal{
		width:33vw;
		height:10vw;
		margin-bottom: 13px;
		/* margin:10px; */
	}
	.statictool{
		width: 49%;
		height:180rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 1rpx 8rpx 0rpx rgba(47,48,56,0.1);
		border-radius: 10rpx;
		text-align: center;
		margin-top: 20px;
	}
	.statictool img{
		width:10vw;
		height:10vw;
		margin:10px auto;
	}
	.statictool p{
		font-size:30rpx;
		color: #4D4D4D;
	}
	.statictosol{
		width:45%;
		height:116px;
		background: #FFFFFF;
		/* box-shadow: 0rpx 1rpx 8rpx 0rpx rgba(47,48,56,0.1); */
		border-radius: 10rpx;
		text-align: center;
		margin-top: 20px;
	}
	.statictosol img{
		width:10vw;
		height:10vw;
		margin:10px auto;
	}
	.statictosol p{
		font-size:.8rem;
		color:#808080;
		margin-bottom: 5px;
	}
	.honor{
		width: 33vw;
		height:24vw;
		margin-bottom: 13px;
	}
</style>
