<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>vue.js简易的计算器代码 - </title>
<link type="text/css" rel="stylesheet" href="css/style.css">
</head> <body>
<div id="app"> <div class="calculator"> <div class="display">{{ display }}</div> <h1 class="brand">{{ appTitle }}</h1> <div class="keyboard"> <div class="panel-a"> <div class="top-buttons"> <button class="btn primary" @click="clear"> <span>C </span></button> <button class="btn" @click="setNumber('.')"><span>.</span></button> </div> <div class="numbers"> <button class="btn" @click="setNumber('9')"><span>9</span></button> <button class="btn" @click="setNumber('8')"><span>8</span></button> <button class="btn" @click="setNumber('7')"><span>7</span></button> <button class="btn" @click="setNumber('6')"><span>6</span></button> <button class="btn" @click="setNumber('5')"><span>5</span></button> <button class="btn" @click="setNumber('4')"><span>4</span></button> <button class="btn" @click="setNumber('3')"><span>3</span></button> <button class="btn" @click="setNumber('2')"><span>2</span></button> <button class="btn" @click="setNumber('1')"><span>1</span></button> <button class="btn" @click="setNumber('0')"><span>0</span></button> </div> </div> <div class="panel-b"> <button class="btn" @click="operator= '+'"> <span>+</span></button> <button class="btn" @click="operator= '-'"> <span>-</span></button> <button class="btn" @click="operator= '*'"> <span>*</span></button> <button class="btn" @click="operator= ''"> <span>/</span></button> <button class="btn primary" @click="calculate"> <span>=</span></button> </div> </div> </div> </div>
<script type="text/javascript" src='www.shaxiangift.com/vue.min.js'></script> <script type="text/javascript" src="www.fjnjb.com/index.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff"> <p>适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p> <p>来源:<a href="http://down./" target="_blank">A5源码</a></p> </div> </body> </html> |
|
来自: 昵称48806104 > 《文件夹1》