武汉微信小程序开发布局教程,小程序开发那家好?

作者:小站 来源:微信小程序 2019-08-31 23:57

第一次做小程序开发,如今也两三个月了,项目基本完成预计下周能够正式上线,在这里抽点时间记录一下。

首先记录一下遇到的坑吧,小程序还是比较新的,一些设定上就存在一些坑,模拟器和真机以及安卓和IOS系统都可能存在差异:

1.图片路径包含空格,真机上不显示模拟器上可以;

2.给view设置背景图真机上不显示,原因是背景图不能使用本地路径,上传至服务器或base64行内样式使用即可;

3.input输入框获得焦点是出现重影,目前还无法解决;

4.canvas连续引入图片需要在draw里面都加true;

5.放大所小移动用movoble-view很简单实现,生成图片用canvas比较方便,所以最后功能的实现是两者的结合;

6.底部navbar激活文字消失问题,设置颜色只能用16进制,且六位,不能用英语单词,以及showModal里面的颜色设置都只能用16进制的;

7.textarea placeholder文字悬浮问题 盒子固定了滑动后placeholder文字在原处,加属性fixed='{{true}}'即可;

8.wx:if 和wx:else最好用<block>遍历,否则可能报错;

9.还以其他的以后再补充。

 

先说一下小程序整体的开发吧,以后再说一下这个项目中具体的一些功能的实现。这次的小程序使用原生的开发的,使用的唯一样式库就是we UI,里面有不少组件可以直接使用;

常见好一个项目后小程序组件要的结构就是pages页面,components组件以及app全局js,json配置和样式,一般也可以创建一个存放图片的assets,不过小程序一个包最大只能两兆,否则要分包下载带来一些不必要的麻烦,所以图片多为网络图片。在app.json中可以配置小程序顶部navigationBar以及底部的tabBar导航栏(下面附图),包括显示内容以及背景色,还可以设置页面,写好路径后会自动生成一个页面模板,app.js里面就是一些小程序加载时会触发的啦,需要用的全局变量也在这里面配置。

 

底部的可以设置图片,顶部的则不可以,另外底部的tabbar如果只设置图片而没有文字的话图片真机上不会居中(模拟器上会),顶部的文字设置在安卓上是居左的,IOS上则是粗体居中。

(首页)

小程序里面布局主要是块级的盒子view以及行内的text标签,主要是flex布局,另外一些标签如image,button,textarea等很多都有自己的默认样式,用到的时候参考文档;循环遍历的话就是wx:for ,可以直接在view中使用,也可以在block里面使用,(建议在block中,避免一些不必要的麻烦),item 表示渲染的数组,里面直接用‘item.’就行了,点后面是数组里面的字段,页面里面条件渲染wx:if   wx:else ;遍历一般也要加 wx:key='{{index}}',这里就牵扯到自定义循环下标index和item了,参看了网上的一些,自定义index:wx:for-index="自定义名",自定义item:wx:for-item='自定义名',自定义上面key和item也就改成对应的了,这个也非常容易遇到,双层循环判断点击的是哪一个时经常遇到,内部循环用id='{{外部自定义index}}'或data-‘自定义’=‘{{外部自定义index}}’,如data-bindx=‘{{外部下标}}’,点击事件传e打印即可拿到。

 

时间转化代码:

// 时间转换

var timeChangeover = function(that, time, i) {

 

console.log(i)

console.log(time)

var result;

var minute = 1000 * 60;

var hour = minute * 60;

var day = hour * 24;

var halfamonth = day * 15;

var month = day * 30;

var now = new Date().getTime();

time = time.replace(/-/g, '/');

var dateTimeStamp = Date.parse(time);

var diffValue = now - dateTimeStamp;

if (diffValue < 0) {

return;

}

var monthC = diffValue / month;

var weekC = diffValue / (7 * day);

var dayC = diffValue / day;

var hourC = diffValue / hour;

var minC = diffValue / minute;

if (monthC >= 1) {

if (monthC <= 12) {

result = "" + parseInt(monthC) + "月前";

} else {

result = "" + parseInt(monthC / 12) + "年前";

}

} else if (weekC >= 1) {

result = "" + parseInt(weekC) + "周前";

} else if (dayC >= 1) {

result = "" + parseInt(dayC) + "天前";

} else if (hourC >= 1) {

result = "" + parseInt(hourC) + "小时前";

} else if (minC >= 1) {

result = "" + parseInt(minC) + "分钟前";

} else {

result = "刚刚";

}

 

var creatTime = 'tempList[' + i + '].createTime'

that.setData({

[creatTime]: result

})

return result;

}

传入格式:年月日时分秒,转化成多长时间以前(代码网上借鉴修改,原文https://www.cnblogs.com/congfeicong/p/10181034.html)

 

好啦,这次就先写到这吧,下次详细的写一些功能代码,这个项目比较难的就是搭配了,选中商品可以移动放大缩小,难点就是选其他的商品时记住第一次商品图片的位置和放大缩小倍数,最后再生成图片发表,其他人在社区点击搭配图片的不同位置判断点击的是哪一个跳转对应是商品详情页,网上找到功能总是不一样,所以这部分功能就完全是自己写的,虽然是第一次做小程序开发,没有人带,没有人能问,很多逻辑不懂,但是还是独立完成了,所以自己还是挺强的嘛,加油,勿忘初心


本文地址:微信小程序开发频道 http://www.dayku.cn/wxxcx/3159.html,武汉易企推建站公司提供一站式网站制作开发服务:武汉网站建设、网站开发、高端网站设计制作、手机网站开发,微信小程序开发等建站服务,制作周期短,价格实惠,效果满意;以及全网营销、网站优化服务、百科词条创建修改、新媒体引流、公司负面公关处理等


相关文章相关文章
  • 你的行业适合做小程序吗?不同的行业小程序适合什么样的功能?

    你的行业适合做小程序吗?不同的行业小程序适合什么样的功能?

    各行各业,形形色色。商家们想拥有一款自己行业的小程序,可由于不熟悉微信小程序,可能就用了不适合自己行业的小程序功能而错失用户。那么不同的行业小程序适合什么样的功能? 餐饮行业 适用于中餐馆、西餐馆、快餐店、烘焙店、火锅店、茶叶店、酒吧、酒楼、...

    2021-01-19 18:01
  • 微信小程序和app哪个更好?小程序会取代app开发吗?

    微信小程序和app哪个更好?小程序会取代app开发吗?

    程序,简单来说就是app的缩略版,不需要下载安装就可以在其他平台上直接运行。 目前我们接触最多的就是微信平台上的小程序,很多为客户提供需求的企业都开发了小程序功能,只需要搜索使用,就可以轻松的完成各种各种需要在网页或者app上完成的业务。 关于app...

    2021-01-15 20:21
  • 如何做微信小程序?制作小程序的费用详解!

    如何做微信小程序?制作小程序的费用详解!

    微信小程序越来越火爆。依托微信的大平台,小程序在推广运营上有诸多优势。很多实体商城会制作商城小程序。那么我们如何来打造一款属于自己的小程序呢?下面由弘毅小编为大家详细介绍制作小程序的流程及价格。 如何做微信小程序?制作小程序的费用详解! 在介...

    2021-01-13 19:52
  • 教育行业适合用小程序吗?具体该如何制作?

    教育行业适合用小程序吗?具体该如何制作?

    教育行业适合用小程序吗?具体该如何制作?除了课本知识外,兴趣班也成了不少家长的选择,让孩子学音乐、学美术,各种技能点加满。眼看着教育培训市场一路走高,直到去年年底,整个行业受到沉重打击,周边的培训机构一家接着一家关门停业,实体经济不堪重负...

    2021-01-07 14:15
  • 微信小程序能做到哪些功能?开发一款小程序企业要多少钱?

    微信小程序能做到哪些功能?开发一款小程序企业要多少钱?

    开发一款小程序企业需要花多少钱呢?微信小程序能做到哪些功能?找小程序外包公司并不难,网上一搜一大把,难的是如何从众多外包公司中,挑选一家性价比最高的,花钱最少、小程序质量过硬、后期服务用心的公司。 那开发一款小程序企业需要花多少钱呢? 小程...

    2021-01-05 16:27
  • 制作微信小程序大概多少钱?小程序具体价格明细一览表

    制作微信小程序大概多少钱?小程序具体价格明细一览表

    微信小程序目前越来越火,它比开发一个app的成本要低很多。很多企业会选择做一款小程序来扩展自己的业务,但是对小程序制作及价格却不是很了解。到网上去找,发现报价都是五花八门。那么我们如何来选择一家合适的报价方案呢?今天小编为大家详细介绍小程序制...

    2020-12-25 16:29
本地企业
              可提供上门服务

便捷

本地企业可提供上门服务

提供适合、专业可行方案

周到

提供适合、专业可行方案

5-10分钟售后响应机制<

贴心

5-10分钟售后响应机制

按效果收费,无效果不收费

放心

按效果收费,无效果不收费

行业高标准,效果稳定可靠

稳定

行业高标准,效果稳定可靠

1-3个月排名上百度首页

快速

1-3个月排名上百度首页

武汉易企推建站公司;公司地址:武汉市武昌区静安路6号5.5创意产业园4楼;公司官网:http://www.dayku.cn 手机站

服务热线:18120550335 / 027-88866235 欢迎来电咨询; 联系QQ:1193073039

Copyrigh@2017-2030 版权所有:武汉易企推网络科技有限公司 备案号:鄂ICP备17012199号 网站地图