小程序已上线：小贺同学的进制转换器

index.wxml

<!--index.wxml-->
<!-- 结果展示栏 -->
<view id='display'><view class="point_red">当前进制：{{system}}</view><view class="point_blue">与君共勉</view><view class="input_num1 re">={{result}}</view><input class="input_num1" placeholder='最大输入12位' maxlength="12" bindinput="bindKeyInput"/>
</view>
<view id="choose"><button class="left" bindtap="clickKeyBoard" data-con="2">二进制</button><button class="left right" bindtap="clickKeyBoard" data-con="8">八进制</button><button class="left" bindtap="clickKeyBoard" data-con="10">十进制</button><button class="left right sixteen" bindtap="clickKeyBoard" data-con="16">十六进制</button>
</view>

index.js

// index.js
// 获取应用实例
const app = getApp()
Page({data: {system: '10进制',system_temp: '',result: '',result_temp: '',two: '',eight: '',ten: '',sixteen: '',},bindKeyInput: function (e) {if(this.data.system === '10进制'){var ten_num = Number(e.detail.value);var two_num = ten_num.toString(2);var eight_num = ten_num.toString(8);var sixteen_num = ten_num.toString(16);this.change_num(ten_num, two_num, eight_num, sixteen_num);};if(this.data.system === '2进制'){var two_num = e.detail.value;var ten_num = Number(parseInt(two_num, 2));var eight_num = ten_num.toString(8);var sixteen_num = ten_num.toString(16);this.change_num(ten_num, two_num, eight_num, sixteen_num);};if(this.data.system === '8进制'){var eight_num = e.detail.value;var ten_num = Number(parseInt(eight_num, 8));var two_num = ten_num.toString(2);var sixteen_num = ten_num.toString(16);this.change_num(ten_num, two_num, eight_num, sixteen_num);};if(this.data.system === '16进制'){var sixteen_num = e.detail.value;var ten_num = Number(parseInt(sixteen_num, 16));var eight_num = ten_num.toString(8);var two_num = ten_num.toString(2);this.change_num(ten_num, two_num, eight_num, sixteen_num);};},clickKeyBoard(e){let that = this;let input = e.currentTarget.dataset.con;that.handleInfo(input);if(this.data.system === '10进制'){this.setData({result: this.data.ten})};if(this.data.system === '2进制'){this.setData({result: this.data.two})};if(this.data.system === '8进制'){this.setData({result: this.data.eight})};if(this.data.system === '16进制'){this.setData({result: this.data.sixteen})};},handleInfo(input){this.system_temp = input + '进制';this.setData({system: this.system_temp})}, change_num(a, b, c, d){this.setData({ten: a,two: b,eight: c,sixteen: d})}
})

index.wxss

/**index.wxss**/
/*结果展示框*/
#display {width: 99%;height: 300rpx;margin: auto;background-color: white;border-style: solid;border-color: black;
}
/*进制提示*/
#display .point_red{width: 45%;height: 40rpx;float: left;margin-top: 10rpx;margin-left: 1%;background-color: white;font-size: 30rpx;border-style: solid;border-color: black;
}
/*语录展示*/
#display .point_blue{width: 45%;height: 40rpx;float: right;margin-top: 10rpx;margin-right: 1%;background-color: white;font-size: 30rpx;text-align: right;
}
/*结果显示框*/
#display .input_num{width: 100%;height: 120rpx;float: right;background-color: white;font-size: 30rpx;border-style: solid;border-top: black;border-bottom: black;
}
/*数字输入框*/
#display .input_num1{width: 100%;height: 120rpx;float: right;background-color: white;font-size: 30rpx;text-align: right;font-size: 100rpx;
}
/*结果显示框*/
#display .re{background-color: white;
}
#choose {width: 99%;height: 600rpx;margin: auto;background-color: rgb(231, 223, 223);border-style: solid;border-color: black;
}
/*进制提示*/
#choose .left{width: 45%;height: 281rpx;float: left;margin-top: 10rpx;margin-left: 1%;background-color: white;font-size: 90rpx;text-align: center;border-style: solid;border-color: black;
}
/*语录展示*/
#choose .right{float: right;margin-right: 1%;
}
#choose .sixteen{font-size: 90rpx;
}

小贺同学的进制转换器-微信小程序相关推荐

寒假用C写了个“万能进制转换器”
漫漫的寒假是无聊的,在家没事,遍用C写了个"万能进制转换器"的小程序,虽然叫万能,但还是不能转换带小数点的.没办法,新手嘛,能力有限·····望大家不要见笑..有兴趣的我们一 ...
前端精美小Demo之---进制转换器实现
进制转换器实现说明:支持在2~36进制之间进行任意转换,支持浮点型.完全通过HTML.CSS和JavaScript实现2~36进制之间的同步转换,其中部分样式使用bootstrap框架,js实现通过 ...
android进制之间的转换器,一个Android平台的16进制转换器
<一个Android平台的16进制转换器>由会员分享,可在线阅读,更多相关<一个Android平台的16进制转换器(1页珍藏版)>请在人人文库网上搜索. 1.一个An droi ...
[C++]实现简单无符号整数进制转换器
大家好啊,今天为大家带来的是自己实现的用C++编写的简单进制转换器,用于10进制数和8进制数,16进制数,2进制数的相互转换. 首先,说明一下什么是进制.n进制就是一种用来表示数值的方法,n进制,顾名 ...
用java编写进制转换器_JAVA 简单进制转换器
JAVA作业写了个进制转换器...写出来的东西还蛮怪的 /* * Author:graykido * Coding:GBK * */ package Caculater; import javafx. ...
java进制转换界面,java进制转换器图形用户界面十进制及其相反数诀别转化为二，四，八，十六进制...
java进制转换器图形用户界面十进制及其相反数分别转化为二,四,八,十六进制 package com.rgy.Test; import java.awt.Color; import java.aw ...
C++ 进制转换器：二进制、十进制、十六进制
做了一个C++进制转换器,支持10转2.10转16.2转10.16转10.10转2.2转16,解析都写在代码里哦! #include <bits/stdc++.h> using names ...
进制转换器java程序_Java实现复杂的进制转换器功能示例
本文实例讲述了Java实现复杂的进制转换器功能.分享给大家供大家参考,具体如下: 这是用java写的进制转换器,包括10.2.8.16进制之间共12种的相互转换.输入一个要转换的数之后,按提示选择所采 ...
进制转换器的c代码实现
1.很久没有更新博客了这次想要记录分享一下在这段学习过程中实现的进制转换器 c语言代码里面运用到了一些数据结构和递归的相关知识也算是一个简单的综合运用吧 2.核心思想是将一切进制转换为10进制 ...

小贺同学的进制转换器-微信小程序

index.wxml

index.js

小贺同学的进制转换器-微信小程序相关推荐

最新文章

热门文章