Startsida Utforska Hjälp
Registrera dig Logga in
lulihong0928
/
bigScreenShow
Bevaka 1
Stjärnmärk 0
Fork 1
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Bläddra i källkod

顶部按钮优化

zhanghaoyu 6 år sedan
förälder
123f4936de
incheckning
e8ef7ed9e2
4 ändrade filer med 18 tillägg och 8 borttagningar
Delad Vy Visa Diff Statistik
  1. 3 2
      page/bigData/css/home.css
  2. 3 2
      page/bigData/css/medical.css
  3. 6 2
      page/bigData/html/home.html
  4. 6 2
      page/bigData/html/medical.html

+ 3 - 2
page/bigData/css/home.css
Visa fil 

@ -47,9 +47,10 @@ body {
 
}
 
.div-skip{
 
	width: 1.458333rem;height: .625rem;background-image: url("../images/tc1.png");background-size: 100% 100%;
 
	position: fixed;top: 0.35rem;margin-left: 0.1rem;z-index: 5;
 
	width: 0;height: 0;opacity: 0;overflow: hidden;background-image: url("../images/tc1.png");background-size: 100% 100%;
 
	position: fixed;z-index: 5;transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
 
}
 
.div-skip-active{height: .625rem;opacity: 1;top: 0.35rem;margin-left: 0.1rem;width: 1.458333rem;}
 
.div-skip div{
 
	height: 60px;line-height: 60px;color: rgb(179,223,251);text-align: center;font-size: 0.1rem;

+ 3 - 2
page/bigData/css/medical.css
Visa fil 

@ -53,9 +53,10 @@ p{
 
}
 
.div-skip{
 
	width: 1.458333rem;height: .625rem;background-image: url("../images/tc1.png");background-size: 100% 100%;
 
	position: fixed;top: 0.35rem;margin-left: 0.1rem;z-index: 5;
 
	width: 0;height: 0;opacity: 0;overflow: hidden;background-image: url("../images/tc1.png");background-size: 100% 100%;
 
	position: fixed;z-index: 5;transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55)
 
}
 
.div-skip-active{height: .625rem;opacity: 1;top: 0.35rem;margin-left: 0.1rem;width: 1.458333rem;}
 
.div-skip div{
 
	height: 60px;line-height: 60px;color: rgb(179,223,251);text-align: center;font-size: 0.1rem;

+ 6 - 2
page/bigData/html/home.html
Visa fil 

@ -13,13 +13,17 @@
 
		<link href="../../../css/style.min.css" rel="stylesheet">
 
		<link href="../../../css/flex.css" rel="stylesheet">
 
		<link href="../css/home.css" rel="stylesheet">
 
		<style>
 
			.sanjiao{position: absolute;left: 0;right: 0;top: 0;bottom:0;width: 100%;height: 100%;opacity: 0;}
 
			.sanjiao:checked~img{transform: rotate(180deg)}
 
		</style>
 
	</head>
 
	<body>
 
		<div id="main">
 
			<div class="div-header"></div>
 
			<div class="div-title" @click="skipClick()">大数据应用服务平台 <img src="../images/sanjiao.png"></div>
 
			<div class="div-skip" v-if="skipShow">
 
			<div class="div-title" @click="skipClick()">大数据应用服务平台 <input type="checkbox" class="sanjiao"><img style="transition: all .3s ease-in-out" src="../images/sanjiao.png"></div>
 
			<div class="div-skip" :class="{'div-skip-active':skipShow}">
 
				<div>
 
					<a href="home.html">
 
						居民健康管理大数据分析

+ 6 - 2
page/bigData/html/medical.html
Visa fil 

@ -13,14 +13,18 @@
 
		<link href="../../../css/style.min.css" rel="stylesheet">
 
		<link href="../../../css/flex.css" rel="stylesheet">
 
		<link href="../css/medical.css" rel="stylesheet">
 
		<style>
 
			.sanjiao{position: absolute;left: 0;right: 0;top: 0;bottom:0;width: 100%;height: 100%;opacity: 0;}
 
			.sanjiao:checked~img{transform: rotate(180deg)}
 
		</style>
 
	</head>
 
	<body>
 
		<div id="app" v-cloak>
 
            <div class="div-header flex f_y_c pl20">
 
                <div class="div-title"  @click="skipClick()">大数据应用服务平台 <img src="../images/sanjiao.png"></div>
 
                <div class="div-title"  @click="skipClick()">大数据应用服务平台 <input type="checkbox" class="sanjiao"><img style="transition: all .3s ease-in-out" src="../images/sanjiao.png"></div>
 
            </div>
 
			<div class="div-skip" v-if="skipShow">
 
			<div class="div-skip" :class="{'div-skip-active':skipShow}">
 
				<div>
 
					<a href="home.html">
 
						居民健康管理大数据分析