vue指针数字时钟代码-html代码-BFW代码库

vue指针数字时钟代码

代码语言：html

所属分类：其他

代码描述：vue指针数字时钟代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
  

<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Pacifico|Open+Sans+Condensed:300'>
  
<style>
/* ==================
 *  VARIABLES
 * ================== */
:root {
  --color-black: hsl(0, 0%, 30%);
  --color-black-light: hsl(0, 0%, 60%);
  --color-gray: hsl(0, 0%, 90%);
  --color-white: hsl(0, 0%, 98%);

  --color-red: hsl(348, 100%, 61%);
  --color-orange: hsl(34, 100%, 50%);

  --color-yellow-inverse: hsl(48, 100%, 77%);
  --color-red-inverse: hsl(348, 100%, 71%);
  --color-orange-inverse: hsl(34, 100%, 70%);

  --color-digit: hsl(0, 0%, 45%);
  --color-background: #d6e0e2;
  --color-title: hsl(190, 17.1%, 40%);
}
/* ==================
 *  BASE
 * ================== */
body {
  font-family: 'Open Sans Condensed', sans-serif;
  color: var(--color-black);
}
.outer-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  background: var(--color-background);
  padding-top: 5px;
}
.inner-container {
  background: var(--color-white);
  padding: 30px;
  border-radius: 10px;
}
h1 {
  .........完整代码请登录后点击上方下载按钮下载查看