From cf6442ec1715b95a99569e5b5ba4cb6c15a98476 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期三, 06 三月 2024 15:21:19 +0800
Subject: [PATCH] feat(我): 十大
---
static/images/resourceDetails/jibijiicon3.png | 0
pages/resourceDetails/index.wxss | 115 ++++++++++++++++++++++++++++
pages/resourceDetails/index.wxml | 71 +++++++++++++++++
pages/resourceDetails/index.js | 34 ++++++++
static/images/resourceDetails/jibijiicon2.png | 0
pages/resourceDetails/index.json | 10 ++
static/images/resourceDetails/jibijii.png | 0
7 files changed, 224 insertions(+), 6 deletions(-)
diff --git a/pages/resourceDetails/index.js b/pages/resourceDetails/index.js
index d0aca67..c244f46 100644
--- a/pages/resourceDetails/index.js
+++ b/pages/resourceDetails/index.js
@@ -7,7 +7,12 @@
data: {
navBarHeight: '',
barHeight: '',
- vURL: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400'
+ vURL: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400',
+ tabPanelstyle: 'display:flex;justify-content:center;align-items:center;',
+ activeValues: [0],
+ dialogKey: false,
+ style: 'border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;',
+
},
/**
@@ -72,5 +77,30 @@
*/
onShareAppMessage() {
- }
+ },
+ onTabsChange(event) {
+ console.log(`Change tab, tab-panel value is ${event.detail.value}.`);
+ },
+
+ onTabsClick(event) {
+ console.log(`Click tab, tab-panel value is ${event.detail.value}.`);
+ }, handleChange(e) {
+ this.setData({
+ activeValues: e.detail.value,
+ });
+ },
+ onTakeNotes() {
+ console.log(1111);
+ },
+ showDialog(e) {
+ const { key } = e.currentTarget.dataset;
+ this.setData({ [key]: true, dialogKey: key });
+ },
+
+ closeDialog() {
+
+ this.setData({
+ dialogKey: false
+ });
+ },
})
\ No newline at end of file
diff --git a/pages/resourceDetails/index.json b/pages/resourceDetails/index.json
index 02871f3..c22808e 100644
--- a/pages/resourceDetails/index.json
+++ b/pages/resourceDetails/index.json
@@ -1,6 +1,14 @@
{
+ "component": true,
"usingComponents": {
- "t-icon": "tdesign-miniprogram/icon/icon"
+ "t-icon": "tdesign-miniprogram/icon/icon",
+ "t-tabs": "tdesign-miniprogram/tabs/tabs",
+ "t-tab-panel": "tdesign-miniprogram/tab-panel/tab-panel",
+ "t-collapse": "tdesign-miniprogram/collapse/collapse",
+ "t-collapse-panel": "tdesign-miniprogram/collapse-panel/collapse-panel",
+ "t-button": "tdesign-miniprogram/button/button",
+ "t-dialog": "tdesign-miniprogram/dialog/dialog",
+ "t-input": "tdesign-miniprogram/input/input"
},
"navigationStyle": "custom"
}
\ No newline at end of file
diff --git a/pages/resourceDetails/index.wxml b/pages/resourceDetails/index.wxml
index 240b234..e169708 100644
--- a/pages/resourceDetails/index.wxml
+++ b/pages/resourceDetails/index.wxml
@@ -7,7 +7,74 @@
</view>
-
+<!-- 瑙嗛 绛� -->
<view class="videoBox">
<video src="{{vURL}}" play-btn-position='center' object-fit='fill' controls enable-play-gesture enable-auto-rotation></video>
-</view>
\ No newline at end of file
+</view>
+
+<!-- 鏍囬 -->
+<view class="titleBox">鍩虹鏁欒偛鐮旂┒鑳屾櫙鎬讳綋璁捐</view>
+
+<view class="contentBox">
+ <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" bind:click="onTabsClick" t-class="custom-tabs" t-class-content="custom-panel">
+ <!-- 璧勬簮鍒楄〃 -->
+ <t-tab-panel label="璧勬簮鍒楄〃" value="0" style="{{tabPanelstyle}}" style="width: 750rpx;">
+ <view class="wrapper">
+ <t-collapse value="{{activeValues}}" bind:change="handleChange">
+ <t-collapse-panel header="涓�銆佽儗鏅�佹剰涔変笌鎬讳綋璁捐" value="{{0}}" expandIcon>
+ <view wx:for="{{3}}">
+ <view>绗竴璇�</view>
+ <view>绗簩璇�</view>
+ <view>绗笁璇�</view>
+ <view>绗洓璇�</view>
+ </view>
+ </t-collapse-panel>
+ </t-collapse>
+ </view>
+ </t-tab-panel>
+ <!-- 绗旇灞曠ず -->
+ <t-tab-panel label="绗旇" value="1" style="{{tabPanelstyle}}">
+ <view class="wrapper">
+ <t-collapse value="{{activeValues}}" bind:change="handleChange">
+ <t-collapse-panel header="绗�1绗�1璇炬椂 璇剧▼瑙嗛" value="{{0}}" expandIcon>
+ <view> 姝ゅ鍙嚜瀹氫箟鍐呭姝ゅ鍙嚜瀹氫箟鍐呭姝ゅ鍙嚜瀹氫箟鍐呭姝ゅ鍙嚜瀹氫箟鍐呭姝ゅ鍙嚜瀹氫箟鍐呭姝ゅ鍙嚜瀹氫箟鍐呭姝ゅ鍙嚜瀹氫箟鍐呭姝ゅ鍙嚜瀹氫箟鍐呭</view>
+ <view class="operateBox">
+ <view>2023-08-29</view>
+ <view class="iconBox">
+ <image src="/static/images/resourceDetails/jibijiicon2.png" mode="" />
+ <image src="/static/images/resourceDetails/jibijiicon3.png" mode="" />
+ </view>
+ </view>
+ </t-collapse-panel>
+ </t-collapse>
+ </view>
+ </t-tab-panel>
+ </t-tabs>
+
+ <!-- 璁扮瑪璁� -->
+ <view class="takeNotes" data-key="showCloseBtn" bind:tap="showDialog">
+ <view class="takeNotesLining">
+ <image src="/static/images/resourceDetails/jibijii.png" mode="" /> 璁扮瑪璁�
+ </view>
+ </view>
+</view>
+
+
+<!-- 璁扮瑪璁板脊绐� -->
+<t-dialog visible="{{showCloseBtn}}" close-btn bind:confirm="closeDialog" bind:cancel="closeDialog">
+ <view slot='title' class="dialogTitleBox">涓�銆侀亾寰蜂笌鍝佸痉鐨勫叧绯�-鏈夎瘯鐪�
+ <image class="titleImageBox" src="/static/images/resourceDetails/edit.png" alt="" />
+ </view>
+ <view slot='content'>
+ <view class="input-example">
+ <view class="input-example__label"> 鍐呭 </view>
+ <t-input class="inputBox" placeholder="璇疯緭鍏ユ枃瀛�" borderless="{{true}}" style="{{style}}" />
+ </view>
+ <view class="buttonBox">
+ <view>
+ <t-button style="margin: 20rpx 30rpx;" variant="outline" size="extra-small">鍙栨秷</t-button>
+ <t-button style="margin: 20rpx 30rpx;" theme="primary" size="extra-small">纭</t-button>
+ </view>
+ </view>
+ </view>
+</t-dialog>
\ No newline at end of file
diff --git a/pages/resourceDetails/index.wxss b/pages/resourceDetails/index.wxss
index 35232d2..cb4efa3 100644
--- a/pages/resourceDetails/index.wxss
+++ b/pages/resourceDetails/index.wxss
@@ -22,4 +22,117 @@
.videoBox video {
width: 100vw;
-}
\ No newline at end of file
+}
+
+.titleBox {
+ margin: 30rpx;
+ border-bottom: 1px #f4f4f4 solid;
+ padding-bottom: 20rpx;
+ font-weight: bold;
+}
+
+.contentBox {
+ position: relative;
+}
+
+.contentBox .custom-tabs {
+ /* margin-bottom: 32rpx; */
+ width: 400rpx;
+}
+
+
+.t-tabs__content {
+ width: 750rpx !important;
+ overflow: auto !important;
+}
+
+
+.custom-panel {
+ /* height: 120px; */
+ width: 750rpx;
+ /* height: 200rpx; */
+
+}
+
+.contentBox .takeNotes {
+
+ position: absolute;
+ top: 5rpx;
+ right: 0;
+ width: 350rpx;
+ border-bottom: 1px solid #f4f4f4;
+
+}
+
+.takeNotes image {
+ width: 30rpx;
+ height: 30rpx;
+ margin-top: 10rpx;
+ margin-right: 10rpx;
+}
+
+.takeNotesLining {
+ margin: 25rpx;
+ display: flex;
+ justify-content: flex-end;
+}
+
+.operateBox {
+ display: flex;
+ align-items: flex-end;
+ justify-content: space-between;
+
+}
+
+.iconBox {
+ display: flex;
+}
+
+.iconBox image {
+ width: 26rpx;
+ height: 26rpx;
+ margin: 0 10rpx;
+}
+
+.t-dialog__content {
+ padding: 0 !important;
+}
+
+.titleImageBox {
+ width: 40rpx;
+ height: 40rpx;
+ margin-left: 20rpx;
+}
+
+.dialogTitleBox {
+ margin: 30rpx;
+ border-bottom: 1px #f4f4f4 solid;
+ padding-bottom: 20rpx;
+ font-weight: bold;
+ display: flex;
+ align-items: center;
+}
+
+.input-example {
+ --td-input-vertical-padding: 24rpx;
+
+ background-color: #fff;
+ padding: 32rpx 32rpx 16rpx;
+}
+
+.input-example__label {
+ color: rgba(0, 0, 0, 0.9);
+ font-size: 24rpx;
+ line-height: 40rpx;
+ margin: 0 8rpx 16rpx;
+}
+
+.buttonBox {
+ display: flex;
+ justify-content: flex-end;
+
+}
+
+/* .inputBox {
+ height: 500rpx;
+} */
\ No newline at end of file
diff --git a/static/images/resourceDetails/jibijii.png b/static/images/resourceDetails/jibijii.png
new file mode 100644
index 0000000..3254e62
--- /dev/null
+++ b/static/images/resourceDetails/jibijii.png
Binary files differ
diff --git a/static/images/resourceDetails/jibijiicon2.png b/static/images/resourceDetails/jibijiicon2.png
new file mode 100644
index 0000000..2474666
--- /dev/null
+++ b/static/images/resourceDetails/jibijiicon2.png
Binary files differ
diff --git a/static/images/resourceDetails/jibijiicon3.png b/static/images/resourceDetails/jibijiicon3.png
new file mode 100644
index 0000000..2f29c09
--- /dev/null
+++ b/static/images/resourceDetails/jibijiicon3.png
Binary files differ
--
Gitblit v1.9.1