微信小程序——三角形面积计算

最近在闲暇时间做了一个计算三角形面积的小程序，虽然画面简陋￣□￣｜｜
话不多上上源码。

WXML文件：

<!--index.wxml-->
<view class="box"><view class='title'>三角形面积计算器</view><form bindsubmit="formSubmit">输入三角形三条边长：<input type="digit" placeholder='第1条边长' name='a' value='{{a}}' /><input type="digit" placeholder='第2条边长' name='b' value='{{b}}' /><input type="digit" placeholder='第3条边长' name='c' value='{{c}}' /><button form-type='submit'>计算</button></form><text>三角形面积为:{{result}}</text></view>

WXSS文件

/**index.wxss**/
input,button,text{font-size:20px;margin: 20px 0;
}input{border-bottom: 1px solid blue;
}

js文件没有添加内容
编译后如图：

微信小程序——三角形面积计算相关推荐

微信小程序三角形实现（评论三角形）
微信小程序三角形实现 (评论三角形) 效果 WXSS .productStatus {position: absolute;right: 0;top: 0;height: 1.81rem;width ...
微信小程序计算三角形面积
微信小程序--计算三角形面积代码文件: 一..js文件二..wxml文件三..wxss文件结果展示: 代码文件: 一..js文件代码如下: data: {result:"" ...
微信小程序：模仿树形控件——画三角形
微信小程序:模仿树形控件--画三角形前言一.前端样式二.css 1.底边在左的三角形 2.底边在上的三角形前言微信小程序没有像element ui这样的框架,页面需要展现一个树形结构,于是就 ...
微信小程序实现css样式搭建（如三角形、正方形、圆形等）
参考链接: (1)微信小程序样式三角形搭建 http://www.voidcn.com/article/p-ngycxoje-brw.html [原文] http://blog.csdn.net/u0 ...
微信小程序计算三角形面积，三棱锥体积
微信小程序计算三角形面积,三棱锥体积 index.wxml: <view><form bindsubmit='formsubmit'><view>计算三角形的面积& ...
微信小程序css三角形内写文字-如vip标签
效果: wxml: <view class="productStatus"><span><em>VIP</em></span& ...
微信小程序-测试游戏生成六边多边形
背景基于wepy小程序框架最新又接到新的活动需求啦,是一个测试类的游戏. 大概的看了整个需求,这个活动的难点在于结果页面的六边形指标怎么实现. 效果demo类似分析背景首先,这是用户对应六个 ...
微信小程序圣诞帽_构建圣诞快乐Web应用程序界面
微信小程序圣诞帽今天,我们将构建" 圣诞快乐" Web应用程序界面 : Tomas Laurinavicius的早期教程中的Photoshop布局. 这将是一个分为两部分的教程. ...
【微信小程序-原生开发】实用教程20 - 生成海报（实战范例为生成活动海报，内含生成指定页面的小程序二维码，保存图片到手机，canvas 系列教程）
可在系列教程的基础上继续开发,也可以单独使用 [微信小程序-原生开发]系列教程效果预览代码实现点击触发生成海报在活动详情页,指定点击某图标/按钮,触发跳转到生成海报的页面 pages\comp ...
Web-big、html、css、JavaScript、vue、webpack、git、微信小程序、uni-app、性能优化、兼容性、网络请求、web安全、其他
文章目录 01.HTML基础 1.行内元素有哪些?行内块元素有哪些?块级元素有哪些? 空(void)元素有哪些? 2.页面导入样式时,使用link和@import有什么区别? 3.title与h1的区 ...

微信小程序——三角形面积计算

微信小程序——三角形面积计算相关推荐

最新文章

热门文章