美文网首页
2018-01-31

2018-01-31

作者: Catch_the_tail | 来源:发表于2018-01-31 21:43 被阅读0次

    1、 微信支付。需要小程序的appid和绑定或者新申请一个商户号,获得mch_id,钱转进这个号里。下单还需要openid,这个获得需要调用微信登录的接口。拉起支付还需要签名,以及统一订单返回 的数据。
    2、 微信登录,wx.login这个接口会获取登录凭证,会获取用户的唯一标识openid和会话密钥session_key,每次调用会刷新session_key。登录接口返回code和errmes,其中code是用来调用Token使用的,errmsg是未登录后返回的错误信息。
    3、 在微信中直接授权登录,不用扫码,通过另外一个接口地址换掉原来那个网址就行,参数是一样的。
    4、 返回页应该可以设置返回哪里。返回控制在navigate的属性里面控制,有个redirect属性,如果是false的话是保留当前页面去新的页面,也就是会有返回按钮,如果是true的话,是删除当前页面去新的页面,是没有返回按钮。上面那句话是网页内容开发文档中是wx.nagigateTo是保留,wx.redirectTo是删除。实际情况是还是有返回键,只不过返回键回到首页了。
    5、 Overflow规定元素溢出元素框时发生的事情。Visible默认值,内容不会被修剪,会呈现在元素框之外,hidden内容被修剪,其余内容是不可见的,scroll,内容被修剪,会出现滚动条,inherit继承至父元素。Auto,如果被修剪出现滚动条。
    6、 开源商城的界面,轮播图而且轮播图时可以点击的,用swiper标签实现,还有导航栏,也就是类目,这类目在选中和不选中时有点区别,样式不同,border-bottom在点击后变成不一样的颜色,装商品的框,包括一张图,一个标题和一个价格,这个商城写的很简单,竖着排列的,并且他是固定 了大小了。一行排两个,问题是这个一行排两个是怎么从标签的for中实现的?调不同屏幕宽度他的商品框大小也能适应,但是css中明明写死了宽度,怎么实现的?首先两边排的实现,先说理论,还没测试,这个需要再深入了解display的flex。也就是灵活布局,display:flex;还需要加上一句布局的方式,比如以前了解的,横向布局,flex-direction :row;纵向布局flex:direction:column;以及flex-wrap;容器内项目换行方式(不是很明白,应该就是换行),justify-content ,项目在主轴方向上的对齐方式,flex-start在主轴上由左或者上开始排列,flex-end,在主轴上由右或者下开始排列。Center,在主轴上居中排列。Space-between,在主轴上左右两端或者上下两端开始排列,space-around,每个项目两侧的间隔相等,所以,项目之间的间隔要比项目和边框的间隔大一倍。暂时先了解这些,后面还有align-items和align-content。那么主轴呢?
    7、 经实践,用来display :flex;后,for里面的循环体就在一行上面了。在测试中发现,要想一行有两个框,需要精心计算,循环体的width要设置在339rpx左右,如果太大了一个循环体就会占一格,如果太小三个循环体会挤在一行,以上需要一个前提,那就是flex-wrap:wrap;实现换行。不然永远都会挤在一行。其中justify-content的作用只是用来调节和什么主轴的关系。
    8、 开源中实现类目的逻辑,类目是一个for,在类目中,设置一个激活类目的ID,类目本身有ID,通过点击事件,传类目的ID上去,改变data中激活类目的ID,在class样式中,用三目运算判断选中 的样式,如果激活id等于类目ID则是另一个的样式。在点击类目后,根据传上去的类目id,设置了data里面的当前激活的类目id,用这个激活类目id作为参数,(其实也可以用传上去的类目id作为参数)传给下下面写好的获取商品的方法里。

    相关文章

      网友评论

          本文标题:2018-01-31

          本文链接:https://www.haomeiwen.com/subject/uhtrzxtx.html