diff --git a/src/pages/beginnerTutorial/index.vue b/src/pages/beginnerTutorial/index.vue
index 3985884..387672f 100644
--- a/src/pages/beginnerTutorial/index.vue
+++ b/src/pages/beginnerTutorial/index.vue
@@ -105,7 +105,11 @@ onMounted(() => {
                         <tui-collapse :index="index" :current="collapseCur" :disabled="item.disabled"
                                       @click="({index}) => collapseCur=index">
                             <template v-slot:title>
-                                <tui-list-cell :hover="!item.disabled">{{ item.title }}</tui-list-cell>
+                                <tui-list-cell :hover="!item.disabled">
+                                    <view class="w-full whitespace-nowrap ellipsis !pr-6">
+                                        {{ item.title }}
+                                    </view>
+                                </tui-list-cell>
                             </template>
                             <template v-slot:content>
                                 <view class="tui-content px-[16px] text-[#86909C]">{{ item.content }}</view>
@@ -151,6 +155,11 @@ onMounted(() => {
 </template>
 
 <style lang="scss" scoped>
+.ellipsis {
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
 .border-b {
     border-bottom: 1px solid rgb(229, 230, 235);
 }