div
{
display:flex;
flex-direction:row-reverse;
}
-webkit-， - ms-或-moz-
CSS语法
flex-direction: row|row-reverse|column|column-reverse|initial|inherit;
initial 设置该属性为它的默认值。
inherit 从父元素继承该属性。
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。
auto 默认。堆叠顺序与父元素相等。
number 设置元素的堆叠顺序。
inherit 规定应该从父元素继承 z-index 属性的值。
属性定义及使用说明
writing-mode 属性定义了文本在水平或垂直方向上如何排布。
语法格式如下：
writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
horizontal-tb：水平方向自上而下的书写方式。即 left-right-top-bottom
vertical-rl：垂直方向自右而左的书写方式。即 top-bottom-right-left
vertical-lr：垂直方向内内容从上到下，水平方向从左到右
sideways-rl：内容垂直方向从上到下排列
sideways-lr：内容垂直方向从下到上排列
data-appointId="{{orderItem.detailList[0].appointId}}" data-id="{{orderItem.orderNo}}"
reBuy(e) {
console.log('orderItem====reBuy--->', e)
wx.navigateTo({
url: `/pages/confirm-order-page?buyAgain=true&orderNo=${e.currentTarget.dataset.id}&appointId=${e.currentTarget.dataset.appointid}`
})
},
tortoiseGit
拉取
获取
推送
比较差异
与上一版本比较差异
显示日志
后台服务进程
版本分支图
版本库浏览器
检查更新
变基(rebase)
保存贮藏
二分定位-开始
解决冲突
还原
清理
切换/检出
合并
创建分支
创建标签
导出
增加
添加子模块
创建补丁序列
应用补丁序列
设置
帮助
标签是只读的，通常只用来记录特定的历史时刻，如里程碑版本等，这是为了方便以后检出特定版本的代码
head,分支，标签，提交
使用推送命令，可以将本地版本库中的分支推送到服务器的版本库中
如果要推送标签，请勾选包含标签
启动页index页面的效果优化
小程序的第一个页面index/index页面，基本上就拿来当启动页。但是如果在跳转到其他页面之前，网络还没有回调完，那么这个页面就会出现卡在白屏的问题，所以做一张漂亮的启动页会好很多。
小程序最多并发10个http连接和2个websocket连接
下载小程序代码包、加载小程序代码包、初始化小程序首页
<style type="less">
/** less **/
</style>
<script>
import wepy from 'wepy';
export default class extends wepy.app {
config = {
"pages":[
"pages/index/index"
],
"window":{
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
}
};
onLaunch() {
console.log(this);
}
}
</script>
<style type="less">
/** less **/
</style>
<template type="wxml">
<view>
</view>
<component id="counter1" path="counter"></component>
</template>
<script>
import wepy form 'wepy';
import Counter from '../components/counter';
export default class Index extends wepy.page {
config = {};
components = {counter1: Counter};
data = {};
methods = {};
events = {};
onLoad() {};
// Other properties
}
</script>
<style type="less">
/** less **/
</style>
<template type="wxml">
<view> </view>
</template>
<script>
import wepy form 'wepy';
export default class Com extends wepy.component {
components = {};
data = {};
methods = {};
events = {};
// Other properties
}
</script>
wepy.component基类提供三个方法emit，$invoke
组件的事件监听需要写在events属性下
$invoke是一个组件对另一个组件的直接调用
在Page_Index中调用组件A的某个方法：
this.$invoke('ComA', 'someMethod', 'someArgs');
npm install wepy-com-toast --save
wx.navigateTo({
url: `/pages/product-detail-page?productId=${e.currentTarget.id}&type=${
e.currentTarget.dataset.type
}`
})
// mixins/test.js
import wepy from 'wepy';
export default class TestMixin extends wepy.page {
data = {
foo: 'foo defined by page',
bar: 'bar defined by testMix'
};
methods: {
tap () {
console.log('mix tap');
}
}
}
// pages/index.wpy
import wepy from 'wepy';
import TestMixin from './mixins/test';
export default class Index extends wepy.mixin {
data = {
foo: 'foo defined by index'
};
mixins = [TestMixin ];
onShow() {
console.log(this.foo); // foo defined by index.
console.log(this.bar); // foo defined by testMix.
}
}
// mixins/test.js
import wepy from 'wepy';
export default class TestMixin extends wepy.page {
methods = {
tap () {
console.log('mix tap');
}
};
onShow() {
console.log('mix onshow');
}
}
// pages/index.wpy
import wepy from 'wepy';
import TestMixin from './mixins/test';
export default class Index extends wepy.mixin {
mixins = [TestMixin];
methods = {
tap () {
console.log('index tap');
}
};
onShow() {
console.log('index onshow');
}
}
在函数运行周期之外的函数里去修改数据需要手动调用$apply方法
setTimeout(() => {
this.title = 'this is title';
this.$apply();
}, 3000);
wx.request('xxxx').then((d) => console.log(d));
// 官方
<view data-id="{{index}}" data-title="wepy" data-other="otherparams" bindtap="tapName"> Click me! </view>
Page({
tapName: function(event) {
console.log(event.currentTarget.dataset.id)// output: 1
console.log(event.currentTarget.dataset.title)// output: wepy
console.log(event.currentTarget.dataset.other)// output: otherparams
}
});
// wepy 建议传参方式
<view data-wepy-params="{{index}}-wepy-otherparams" bindtap="tapName"> Click me! </view>
events: {
tapName (event, id, title, other) {
console.log(id, title, other)// output: 1, wepy, otherparams
}
}
// wepy 1.1.8以后的版本，只允许传string。
<view bindtap="tapName({{index}}, 'wepy', 'otherparams')"> Click me! </view>
events: {
tapName (event, id, title, other) {
console.log(id, title, other)// output: 1, wepy, otherparams
}
}
请点赞！因为你的鼓励是我写作的最大动力！
吹逼交流群：711613774
