div
{
display:flex;
flex-direction:row-reverse;
}
-webkit-、 - MS-または-moz-
CSS语法
フレックス方向:行|行リバース|コラム|コラムリバース|初期|継承。
初期設定はデフォルト値に属性。
親要素から継承されたプロパティを継承します。
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
z屈折率位置決め要素(位置:絶対位置:相対、又は位置:固定)。
オートデフォルト。順序をスタッキングすることは親要素に等しいです。
要素を設定するための番号を積み重ねます。
親要素から継承された所定の値のz-index属性を継承する必要があります。
属性定義命令と
書き込みモードは、テキストを水平または垂直方向に配置されている方法を定義属性。
構文は次のとおりです。
MODE-執筆:水平-TB |垂直数の-RL |垂直数の-LR |サイドウェイズ-RL |サイドウェイズ-LR
水平-TB:上から下へ、水平方向を書きます。すなわち、トップ左から右下の
垂直-rlがある:縦書きのやり方を右から左に。すなわち、右下-左上
垂直-LRを垂直方向に上から下へのコンテンツ、左から右への水平方向
横向き-RL:コンテンツ垂直上から下に
横向き-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
プル
ゲット
プッシュ
違い
以前のバージョンの違いと比較
ショーログ
バックグラウンドサービス・プロセス
リビジョングラフの
ためのリポジトリブラウザ
更新を確認するには、
(リベース)リベース
ストレージを節約するために
ポジショニング-half -開始
競合を解決するために
復元するために、
クリーンアップ
の切り替え/検出が
マージ
ブランチを作成し
たラベルの作成
、輸出
増加を
サブモジュールを追加する
パッチ・シーケンスを作成するために
パッチシーケンスの適用
設定を
助けます
タグが読み込まれ、通常のみコードの特定のバージョンの将来の検出を容易にするためであり、マイルストーンバージョン、等の、特定の瞬間の履歴を記録するために使用
ヘッド、ブランチ、タグは、提出され
たプッシュコマンドを使用して、リポジトリのローカルブランチは、サーバーのリポジトリにプッシュすることができ
ますが、ラベルが含まれているチェック、ラベルをプッシュしたい場合
スタートページインデックス・ページの最適化の効果
は基本的スタートアップページ使用される最初のページインデックスアプレット/インデックスページ、。他のページにジャンプする前に、ウェブコールバックがまだ終了していない場合でも、ページが黒と白の問題カードに表示され、そんなに良くなる素敵なスタートページを行います。
小さなプログラム最大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基底クラスは、3つのメソッドを提供します EMIT、$の呼び出し
イベントリスナコンポーネントは、プロパティ、イベントに記述する必要があります
$他のコンポーネントのコンポーネントに直接呼び出しを起動します
Page_Indexでの組立の方法での呼び出し:
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');
}
}
機能変更データは、手動の方法を適用する$を呼び出すために必要の運転サイクルの機能を越えて行きます
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