From f2a0ea849099f49a3d2a9c7e5c44d033df22468f Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期三, 14 八月 2024 14:55:38 +0800 Subject: [PATCH] 设备管理模块 --- miniprogram_npm/tdesign-miniprogram/grid/README.md | 48 ++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 46 insertions(+), 2 deletions(-) diff --git a/miniprogram_npm/tdesign-miniprogram/grid/README.md b/miniprogram_npm/tdesign-miniprogram/grid/README.md index d932309..8e4dd0c 100644 --- a/miniprogram_npm/tdesign-miniprogram/grid/README.md +++ b/miniprogram_npm/tdesign-miniprogram/grid/README.md @@ -19,6 +19,12 @@ ## 浠g爜婕旂ず +<a href="https://developers.weixin.qq.com/s/6H70dimL7jSK" title="鍦ㄥ紑鍙戣�呭伐鍏蜂腑棰勮鏁堟灉" target="_blank" rel="noopener noreferrer"> 鍦ㄥ紑鍙戣�呭伐鍏蜂腑棰勮鏁堟灉 </a> + +<blockquote style="background-color: #d9e1ff; font-size: 15px; line-height: 26px;margin: 16px 0 0;padding: 16px; border-radius: 6px; color: #0052d9" > +<p>Tips: 璇风‘淇濆紑鍙戣�呭伐鍏蜂负鎵撳紑鐘舵�併�傚鍏ュ紑鍙戣�呭伐鍏峰悗锛屼緷娆℃墽琛岋細npm i > 鏋勫缓npm鍖� > 鍕鹃�� "灏咼S缂栬瘧鎴怑S5"</p> +</blockquote> + ### 缁勪欢绫诲瀷 鍩虹瀹牸 @@ -63,10 +69,15 @@ align | String | center | 鍐呭瀵归綈鏂瑰紡銆傚彲閫夐」锛歭eft/center | N border | Boolean / Object | false | 杈规锛岄粯璁や笉鏄剧ず銆傚�间负 true 鍒欐樉绀洪粯璁よ竟妗嗭紝鍊肩被鍨嬩负 object 鍒欒〃绀鸿嚜瀹氫箟杈规鏍峰紡銆俆S 绫诲瀷锛歚boolean \| { color?: string; width?: string; style?: 'solid' \| 'dashed' \| 'dotted' \| 'double' \| 'groove' \| 'inset' \| 'outset' }` | N column | Number | 4 | 姣忎竴琛岀殑鍒楁暟閲忥紱涓� 0 鏃剁瓑浜庡浐瀹氬ぇ灏� | N -external-classes | Array | - | 缁勪欢绫诲悕锛岀敤浜庤缃粍浠跺灞傚厓绱犵被鍚嶃�俙['t-class']` | N gutter | Number | - | 闂撮殧澶у皬 | N hover | Boolean | false | 鏄惁寮�鍚偣鍑诲弽棣� | N theme | String | default | 瀹牸鐨勯鏍笺�傚彲閫夐」锛歞efault/card | N + +### Grid 澶栭儴鏍峰紡绫� +绫诲悕 | 璇存槑 +-- | -- +t-class | 鏍硅妭鐐规牱寮忕被 + ### GridItem Props @@ -74,7 +85,6 @@ -- | -- | -- | -- | -- badge-props | Object | null | 閫忎紶鑷� Badge 灞炴�с�俆S 绫诲瀷锛歚BadgeProps`锛孾Badge API Documents](./badge?tab=api)銆俒璇︾粏绫诲瀷瀹氫箟](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/grid-item/type.ts) | N description | String / Slot | - | 鏂囨湰浠ュ鐨勬洿澶氭弿杩帮紝杈呭姪淇℃伅銆傚彲浠ラ�氳繃 Props 浼犲叆鏂囨湰锛屼篃鍙互鑷畾涔夋爣棰樿妭鐐� | N -external-classes | Array | - | 缁勪欢绫诲悕锛屽垎鍒敤浜庤缃粍浠跺灞傚厓绱犮�佸浘鐗囥�佹枃鏈�佹弿杩扮瓑鍏冪礌绫诲悕銆俙['t-class', 't-class-image', 't-class-text', 't-class-description']` | N icon | String / Object | - | 鍥炬爣鍚嶇О銆傚�间负瀛楃涓茶〃绀哄浘鏍囧悕绉帮紝鍊间负 `Object` 绫诲瀷锛岃〃绀洪�忎紶鑷� `icon` | N image | String / Slot | - | 鍥剧墖锛屽彲浠ユ槸鍥剧墖鍦板潃锛屼篃鍙互鑷畾涔夊浘鐗囪妭鐐癸紝鍊间负 slot 鐨勬椂鍊欐墠鑳戒娇鐢ㄦ彃妲� | N image-props | Object | - | 閫忎紶鑷� Image 缁勪欢 | N @@ -89,3 +99,37 @@ -- | -- | -- click | \- | 鐐瑰嚮瀛愰」鍚庤Е鍙� +### GridItem 澶栭儴鏍峰紡绫� +绫诲悕 | 璇存槑 +-- | -- +t-class | 鏍硅妭鐐规牱寮忕被 +t-class-content | 鍐呭鏍峰紡绫� +t-class-image | 鍥剧墖鏍峰紡绫� +t-class-text | 鏂囨湰鏍峰紡绫� +t-class-description | 鎻忚堪鏍峰紡绫� + + +### CSS 鍙橀噺 +缁勪欢鎻愪緵浜嗕笅鍒� CSS 鍙橀噺锛屽彲鐢ㄤ簬鑷畾涔夋牱寮忋�� +鍚嶇О | 榛樿鍊� | 鎻忚堪 +-- | -- | -- +--td-grid-bg-color | @bg-color-container | - +--td-grid-card-radius | @radius-large | - +--td-grid-item-bg-color | @bg-color-container | - +--td-grid-item-description-color | @font-gray-3 | - +--td-grid-item-description-font-size | 24rpx | - +--td-grid-item-description-line-height | 40rpx | - +--td-grid-item-description-padding-top | 8rpx | - +--td-grid-item-horizontal-text-description-top | 4rpx | - +--td-grid-item-horizontal-text-padding-left | 24rpx | - +--td-grid-item-hover-bg-color | @bg-color-secondarycontainer | - +--td-grid-item-image-middle-width | 80rpx | - +--td-grid-item-image-small-width | 64rpx | - +--td-grid-item-image-width | 96rpx | - +--td-grid-item-padding | 32rpx | - +--td-grid-item-text-color | @font-gray-1 | - +--td-grid-item-text-font-size | 28rpx | - +--td-grid-item-text-line-height | 44rpx | - +--td-grid-item-text-middle-font-size | 24rpx | - +--td-grid-item-text-padding-top | 16rpx | - +--td-grid-item-text-small-font-size | 24rpx | - -- Gitblit v1.9.3