vue实现一个简易的计算器效果代码-html代码-BFW代码库

vue实现一个简易的计算器效果代码

代码语言：html

所属分类：其他

代码描述：vue实现一个简易的计算器效果代码

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

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
<title>vue计算器</title>
<style>
    
    #app {
      width: 280px;
      padding: 20px 20px 10px;
      border-radius: 4px;
      margin: 100px auto;
      background: #94eacb;
      box-shadow: 0 4px #21bd86, 0 10px 15px rgba(0,0,0,.2);
      box-sizing: border-box;
    }
    
    #input-box {
      display: block;
      width: 100%;
      height: 46px;
      margin-bottom: 15px;
      border:none;
      border-radius: 2px;
      background: #77baa2;
      box-shadow: 0 4px #21bd86 inset;
      padding: 0 5px;
      text-align: right;
      font-size: 20px;
      color: #fff;
      font-weight: bold;
      letter-spacing: 1px;
    }
    
    .........完整代码请登录后点击上方下载按钮下载查看