微信小程序家庭记账本开发进度七

index.json

{

"usingComponents": {}

}

index.wxml

</view>

</view>

</view>

</form>

</view>

<text>合计:{{accountTotal}}</text>

</view>

</view>

</view>

</view>

</block>

来编译对添加和删除账单代码

index.wxss

.account-detail{

height: 100rpx;

padding: 0 30rpx;

}

.account-amount{

padding: 0 30rpx;

}

.add-one{

margin-top: 20rpx;

}

.account-list-text{

color:gray;

margin:30rpx 0 0 30rpx;

}

.account-list-all-amount{

color:gray;

align-self: flex-end;

padding-right: 25rpx;

}

.account-list{

color:gray;

margin:30rpx 0 0 30rpx;

display: flex;

flex-direction: row;

">rgba(12, 233, 141, 0);

line-height: 70rpx;

}

.account-list-detail{

flex:1;

}

.account-list-amount{

width: 100rpx;

}来提供了全局的样式和局部样式。

logs.js

//logs.js

const util = require('../../utils/util.js')

Page({

data: {

logs: []

onLoad: function () {

this.setData({

logs: (wx.getStorageSync('logs') || []).map(log => {

return util.formatTime(new Date(log))

})

}

})

logs.json

{

"navigationBarTitleText": "查看启动日志",

"usingComponents": {}

}　　

logs.wxml

<text class="log-item">{{index + 1}}. {{log}}</text>

</block>

</view>

logs.wxss

.log-list {

display: flex;

flex-direction: column;

padding: 40rpx;

}

.log-item {

margin: 10rpx;

}

这个很单调很简单，是从网上找的，还得学习，改编一下，让功能更加完善。

微信小程序家庭记账本开发进度七相关推荐

微信小程序家庭记账本开发进度二
第三步是在开发设置李找到你的AppID,然后复制下来第四步是是完成小程序开发者绑定.开发信息配置后,首先下载开发者工具.参考开发文档进行小程序的开发和调试. 前往开发者工具下载页面 ,根据自己的操 ...
微信小程序--家庭记账本开发--01
微信小程序的开发准备与开发工具的学习在这次寒假伊始,临近春节,学习进程有所拉下,现在补上.寻找了好多网站的相关学习视频,包括微信公众平台关于小程序这方面也有好多相关资料供查阅. 1.开发准备: 首先 ...
微信小程序--家庭记账本开发--05
界面跳转在微信小程序中,按钮也是<button></button>标签,它是通过bindtap属性来绑定点击事件: <view class="usermott ...
微信小程序---家庭记账本开发（一）
首先去微信公众平台注册小程序账号并完善相关信息下载微信开发工具并使用测试号新建项目根据网上教程简单了解了开发工具的使用和布局如何对程序进行测试目录结构:具体内容网站上平台上介绍的很详细转载于 ...
微信小程序---家庭记账本开发（四）
在使用标签栏控件是时,遇到了问题: 错误写法: 正确写法: 今天总算把前端做好了,其实真正困难的是在后端,因为之前的基础没有打好,没有办法触类旁通,即使是看着视频讲解,也有很多不会的,但是, ...
微信小程序---家庭记账本开发（三）
今天学到了很神奇的一招:先在app.json页面注册"pages/index_1/index_1",就会自动生成index_1文件夹及相关页面:真是太方便了学习页面跳转设置按钮 ...
（微信小程序毕业设计）基于微信小程序便捷记账系统
基于微信小程序便捷记账系统便捷记账系统用户端是基于微信小程序端,后端管理员是基于java编程语言,mysql数据库,idea开发工具,ssm框架开发,本系统分为用户和管理员两个角色,用户微信端可以注 ...
PHP进度条小程序,用微信小程序实现一个圆形的进度条
随着小程序的热度下降,更多的人已经开始静下心来开发微信小程序了,最近在开发一款微信小程序的过程中遇到了一个问题:如何用微信小程序实现一个圆形的进度条?整理一番后,记录下来与大家共享. 代码实现的思路原 ...
微信小程序家庭理财系统+后台管理系统|前后分离VUE
<微信小程序家庭理财系统+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统,该后台采 ...

微信小程序家庭记账本开发进度七

微信小程序家庭记账本开发进度七相关推荐

最新文章

热门文章