< ビュークラス= "NAV bc_white" >
< ビュークラス：= "{{選択された'赤'？ 'デフォルト'}}" bindtapは、"選択" = >基础信息< スパン> </ スパン> </ ビュー>
< ビュークラス= "{{selected1 '赤'： 'デフォルト'}} sere2" bindtap = "selected1" >产品简介< スパン> </ スパン> </ ビュー>
< ビュークラス= "{{selected2 '赤'？」デフォルト「}} sere2 " bindtap =" selected2 " >トレーサビリティデータ<スパン> </ スパン> </ ビュー>
< ビュークラス= "{{selected3 '赤'： 'デフォルト'}} sere2" bindtap = "selected3" >物流信息< スパン> </ スパン> </ ビュー>
< / ビュー>
< ビュークラス= "{？{選択'ショー'： '隠された'}}" > </ ビュー>
< ビュークラス= "{{selected1 'ショー'？ '隠された'}}" > </ ビュー>
<ビュークラス= "{{selected2 'ショー'？ '隠された'}}" > </ ビュー>
< ビュークラス= "{{selected3 'ショー'？ '隠された'}}" > </ ビュー>
< ビュークラス= 'ライブ' > < 画像SRC = "https://xcx.hy720.com/wtt/live2 .JPG」> </ イメージ> </ ビュー>
.nav {
幅：94％。
高さ：60rpx。
表示：フレックス。
フレックス方向：行。
パディングトップ：22rpx。
マージン：0自動;
}
.DEFAULT {
行の高さ：60rpx。
テキスト整列：センター;
幅：23％;
色：＃8f8f8f。
フォント重量：太字;
フォントサイズ：24rpx。
背景色：#dddddd。
高さ：60rpx。
表示ブロック;
国境半径：20rpx。
}
.sere2 {
マージン左：25rpx。
}
.SHOW {
表示：ブロック;
}
.hidden {
表示：なし。
}
{.red
行の高さ：60rpx。
テキスト整列：センター;
色：#FFF;
幅：23％;
フォント重量：太字;
フォントサイズ：24rpx。
背景色：＃7cbe67。
高さ：60rpx。
表示ブロック;
国境半径：20rpx。
位置：相対;
}
.redスパン{
位置：絶対。
下：-12px;
左：0; 右：0;
マージン：0自動;
幅：0PX。
高さ：0PX。
行の高さ：0PX。
フォントサイズ：0;
ボーダー幅：7px;
ボーダースタイル：固体破線;
ボーダーカラー：＃7cbe67透明透明透明。
}
.live {
幅：94％。
高さ：200rpx。
マージン：0自動;
表示ブロック;
マージン下：15rpx。
マージントップ：15rpx。
}
.live画像{
幅：100％。
高さ：200rpx。
マージン：0自動;
表示ブロック;
}
ページ// /大/ shuig.js
ページ（{
/ **
*データの初期ページ
* /
データ：{
パニック：0、// 2019年8月22日を追加するには、スタートページがスナップ
選択：真に
falseに、：selected1
selected2：偽、
selected3：偽、
}、
/ **
*ライフサイクル機能-ページのロードをリッスン
* /
のonLoad：機能（オプション）{
}、
//切り替えるためにクリック
機能（）{：選択
this.setData（{
[選択：trueにし、
selected1：falseに、
selected2：falseに、
selected3：偽へ
}）
}、
selected1：関数（）{
this.setData（{
選択：偽、
selected1：真、
selected2：偽、
selected3：偽
}）
}、
selected2：関数（）{
this.setData（{
選択：偽、
selected1：偽、
selected2：真、
selected3：偽
}）
}、
selected3 ：関数（）{
this.setData（{
選択：偽、
selected1：偽、
selected2：偽、
selected3：真
}）
}
}）