diff --git a/miniprogram/package.json b/miniprogram/package.json
index b132117..aee90f4 100644
--- a/miniprogram/package.json
+++ b/miniprogram/package.json
@@ -14,6 +14,6 @@
 "author": "leejim",
 "license": "MIT",
 "dependencies": {
- "tdesign-miniprogram": "^0.9.0"
+ "tdesign-miniprogram": "^0.18.0"
 }
 }
diff --git a/miniprogram/pages/index/index.js b/miniprogram/pages/index/index.js
index aa04579..45d88b5 100644
--- a/miniprogram/pages/index/index.js
+++ b/miniprogram/pages/index/index.js
@@ -17,7 +17,8 @@ Page({
 const menu = utils.groupBy(infos, 'category');
 const list = Object.entries(menu).filter(([item]) => item !== 'template').map(([catetory, list]) => {
 return {
- name: config.titleMap[catetory],
+ catetory,
+ title: titleMap[catetory],
 icon: `/assets/images/${catetory}.png`,
 list
 }
diff --git a/miniprogram/pages/index/index.wxml b/miniprogram/pages/index/index.wxml
index 8433c73..8eee6bb 100644
--- a/miniprogram/pages/index/index.wxml
+++ b/miniprogram/pages/index/index.wxml
@@ -1,16 +1,16 @@
 
-<t-navbar home-icon="slot" title="">
+
 
-<view>
+
 
-<view>
+
+
+<view>
+ <t-tabs t- defaultValue="{{0}}" placement="left" bind:change="onTabsChange">
+ <block wx:for="{{list}}">
+ <t-tab-panel label="{{chineseMap[item.catetory]}}" value="{{index}}">
+ <scroll-view scroll-y>
+ <view wx:for="{{item.list}}" data-id="{{item.id}}" bind:tap="handleTap">
+ {{item.name}}
+ </view>
+ </scroll-view>
+ </t-tab-panel>
+ </block>
+ </t-tabs>
 </view>
 
 <t-dialog
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://github.com/LeeJim/HowToCookOnMiniprogram/compare/main...refactor/index.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://github.com/LeeJim/HowToCookOnMiniprogram/compare/main...refactor/index.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>