diff --git a/src/action-sheet/index.js b/src/action-sheet/index.js
index b859dfb3f..6073f467e 100644
--- a/src/action-sheet/index.js
+++ b/src/action-sheet/index.js
@@ -86,7 +86,7 @@ export default createComponent({
       const onClick = () => {
         emit('select', item, index);
         if (props.closeOnClickAction) {
-          emit('update:show', false);
+          onUpdateShow(false);
         }
       };
 
diff --git a/src/contact-card/index.js b/src/contact-card/index.js
index 73e77add5..43765181a 100644
--- a/src/contact-card/index.js
+++ b/src/contact-card/index.js
@@ -21,13 +21,13 @@ export default createComponent({
   emits: ['click'],
 
   setup(props, { emit }) {
-    function onClick(event) {
+    const onClick = (event) => {
       if (props.editable) {
         emit('click', event);
       }
-    }
+    };
 
-    function Content() {
+    const renderContent = () => {
       if (props.type === 'add') {
         return props.addText || t('addText');
       }
@@ -36,19 +36,19 @@ export default createComponent({
         <div>{`${t('name')}：${props.name}`}</div>,
         <div>{`${t('tel')}：${props.tel}`}</div>,
       ];
-    }
+    };
 
     return () => (
       <Cell
         center
+        icon={props.type === 'edit' ? 'contact' : 'add-square'}
+        class={bem([props.type])}
         border={false}
         isLink={props.editable}
-        class={bem([props.type])}
         valueClass={bem('value')}
-        icon={props.type === 'edit' ? 'contact' : 'add-square'}
         onClick={onClick}
       >
-        {Content()}
+        {renderContent()}
       </Cell>
     );
   },
diff --git a/src/list/index.js b/src/list/index.js
index ccfdc896f..bad897dab 100644
--- a/src/list/index.js
+++ b/src/list/index.js
@@ -107,7 +107,7 @@ export default createComponent({
         const text = slots.error ? slots.error() : props.errorText;
         if (text) {
           return (
-            <div onClick={clickErrorText} class={bem('error-text')}>
+            <div class={bem('error-text')} onClick={clickErrorText}>
               {text}
             </div>
           );
diff --git a/src/loading/index.js b/src/loading/index.js
index 31d2bf4b3..1ec170bf9 100644
--- a/src/loading/index.js
+++ b/src/loading/index.js
@@ -27,6 +27,11 @@ export default createComponent({
   },
 
   setup(props, { slots }) {
+    const spinnerStyle = computed(() => ({
+      color: props.color,
+      ...getSizeStyle(props.size),
+    }));
+
     const renderText = () => {
       if (slots.default) {
         return (
@@ -42,11 +47,6 @@ export default createComponent({
       }
     };
 
-    const spinnerStyle = computed(() => ({
-      color: props.color,
-      ...getSizeStyle(props.size),
-    }));
-
     return () => {
       const { type, vertical } = props;
       return (
diff --git a/src/slider/index.js b/src/slider/index.js
index 3aa93f0be..0c9a27888 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -151,12 +151,12 @@ export default createComponent({
     const renderButton = () => (
       <div
         role="slider"
+        class={bem('button-wrapper')}
         tabindex={props.disabled ? -1 : 0}
         aria-valuemin={props.min}
         aria-valuenow={props.modelValue}
         aria-valuemax={props.max}
         aria-orientation={props.vertical ? 'vertical' : 'horizontal'}
-        class={bem('button-wrapper')}
         onTouchstart={onTouchStart}
         onTouchmove={onTouchMove}
         onTouchend={onTouchEnd}