一、创建项目
二、示例代码
index.hml
index.css
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.input{
width: 300px;
border-radius: 4px;
margin-bottom: 10px;
}
.textdiv{
flex-direction: row;
align-items:center;
justify-content: center;
margin: 10px 0px;
width: 300px;
flex-wrap: wrap;
}
.title {
font-size: 20px;
margin: 5px;
}
index.js
export default {
data: {
v:"",
txtArray: [
{txt:"0"},
]
},
onShow(){},
changeNum(e){
this.v = e.value;
console.log(this.v + "监听输入结果")
},
submit(){
let sr = this.v;
console.info("获取:"+ sr)
this.txtArray.push({
txt:sr
})
this.v = "";
},
// 倒序
dateSort:function(array){
for (let a = 0; a < this.txtArray.length; a++) {
for (let b = a; b < this.txtArray.length; b++) {
if (Number(this.txtArray[a].txt) > Number(this.txtArray[b].txt)) {
let arrObj = this.txtArray[a].txt;
this.txtArray[a].txt = this.txtArray[b].txt;
this.txtArray[b].txt = arrObj;
};
}
}
},
sortClick(){
this.txtArray = this.dateSort(this.txtArray);
}
}
审核编辑:符乾江
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。
举报投诉
-
代码
+关注
关注
30文章
4555浏览量
66739 -
HarmonyOS
+关注
关注
79文章
1814浏览量
29256
发布评论请先 登录
相关推荐
润开鸿获鸿蒙先锋授牌,荣膺华为HarmonyOS开发服务商
3月27日,华为HDD行业沙龙在北京举办,本次活动由HarmonyOS产品专家带来了精彩的议题分享,涵盖HarmonyOS操作系统介绍、HarmonyOS应用特性分享、意图框架介绍、行业解决方案应用、
拓维信息及旗下开鸿智谷同获华为HarmonyOS开发服务商认证
近日,拓维信息及旗下开鸿智谷双双通过华为HarmonyOS开发服务商认证,成为华为“鸿蒙服务商先锋计划”认证级伙伴。秉持共同发展、共创价值的合作理念,拓维信息、开鸿智谷将携手华为打造
HarmonyOS鸿蒙原生应用开发设计- 隐私声明
HarmonyOS设计文档中,为大家提供了独特的隐私声明,开发者可以根据需要直接引用。
开发者直接使用官方提供的隐私声明内容,既可以符合HarmonyOS原生应用的
发表于 10-31 14:16
HarmonyOS鸿蒙原生应用开发设计- 流转图标
HarmonyOS设计文档中,为大家提供了独特的流转图标,开发者可以根据需要直接引用。
开发者直接使用官方提供的流转图标内容,既可以符合HarmonyOS原生应用的
发表于 10-26 10:25
HarmonyOS鸿蒙原生应用开发设计- 华为分享图标
HarmonyOS设计文档中,为大家提供了独特的华为分享图标,开发者可以根据需要直接引用。
开发者直接使用官方提供的华为分享图标内容,既可以符合HarmonyOS原生应用的
发表于 10-25 14:28
HarmonyOS鸿蒙原生应用开发设计- HarmonyOS Sans 字体
HarmonyOS设计文档中,为大家提供了独特的字体,开发者可以根据需要直接引用。
开发者直接使用官方提供的字体内容,既可以符合HarmonyOS原生应用的
发表于 10-23 16:12
HarmonyOS语言基础类库开发指南上线啦!
指南中提供了详细的介绍和开发指导,帮助开发者全面了解并发实现、容器类库基础操作、XML的生成解析与转换等。 本期HarmonyOS开发者资料直通车带您快速了解内容干货~ 一 语言基础类
DevEco Studio中如何设置HarmonyOS/OpenHarmony应用开发
DevEco Studio默认为HarmonyOS应用开发,如果需要修改为OpenHarmony应用开发,修改方式如下。
一、总体说明
build-profile.json5为当前的模块信息 、编译
发表于 09-14 14:50
HarmonyOS NEXT新能力,一站式高效开发HarmonyOS应用
2023年8月6日华为开发者大会2023(HDC.Together)圆满收官,伴随着HarmonyOS 4的发布,华为向开发者发布了汇聚所有最新开发能力的
发表于 08-14 15:08
HarmonyOS NEXT新能力,一站式高效开发HarmonyOS应用
2023年8月6日华为开发者大会2023(HDC.Together)圆满收官,伴随着HarmonyOS 4的发布,华为向开发者发布了汇聚所有最新开发能力的
HarmonyOS NEXT新能力,一站式高效开发HarmonyOS应用
2023年8月4日的华为开发者大会2023(HDC.Together)拉开帷幕,伴随着HarmonyOS 4的发布,华为向开发者发布了汇聚所有最新开发能力的
【直播预告】HarmonyOS极客松赋能直播第四期:HarmonyOS开发经验分享
Release新版发布 HarmonyOS Connect认证测试 原文标题:【直播预告】HarmonyOS极客松赋能直播第四期:HarmonyOS开发经验分享 文章出处:【微信公众
【直播预告】HarmonyOS极客松赋能直播第三期:一次开发多端部署与ArkTS卡片开发
Release新版发布 HarmonyOS Connect认证测试 原文标题:【直播预告】HarmonyOS极客松赋能直播第三期:一次开发多端部署与ArkTS卡片开发 文章出处:【微
评论