Przeglądaj źródła

🎨 修改细节问题

快乐的梦鱼 1 miesiąc temu
rodzic
commit
e9aac9cec9

+ 2 - 1
src/components/basic/Image.vue

@@ -137,7 +137,7 @@ const props = withDefaults(defineProps<ImageProps>(), {
   loadingSize: () => propGetThemeVar('ImageLoadingSize', 50),
   touchable: false,
   round: () => propGetThemeVar('ImageRound', false),
-  radius: () => propGetThemeVar('ImageRadius', ''),
+  radius: () => propGetThemeVar('ImageRadius', '0'),
 })
 const emit = defineEmits([ 'click' ]);
 const showBackgroundEffect = computed(() => props.showBackgroundEffect && props.mode === 'aspectFit');
@@ -153,6 +153,7 @@ const style = computed(() => {
     borderRadius: props.round ? '50%' : themeContext.resolveThemeSize(props.radius), 
     backgroundColor: isErrorState.value || props.showGrey ? themeContext.resolveThemeColor('background.imageBox') : 'transparent',
     overflow: 'hidden',
+    flexShrink: 0,
     width: themeContext.resolveThemeSize(props.width),
     height: themeContext.resolveThemeSize(props.height),
     ...props.innerStyle,

+ 25 - 12
src/pages/article/correct.vue

@@ -3,11 +3,19 @@
     <FlexCol backgroundColor="#f6f2e7">
       <StatusBarSpace backgroundColor="transparent" />
       <NavBar leftButton="back" />
-      <FlexCol :padding="20">
-        <FlexCol align="center" :margin="[0,0,20,0]">
-          <H3>内容反馈</H3>
-          <Text fontConfig="subText">请填写您对文章的反馈,我们会尽快处理。</Text>
-        </FlexCol>
+      <FlexCol :padding="30">
+        <FlexRow justify="space-between" :margin="[0,0,20,0]">
+          <FlexCol>
+            <H3>反馈纠错</H3>
+            <Text fontConfig="subText">请填写您对文章的反馈,我们会尽快处理。</Text>
+          </FlexCol>
+          <button open-type="contact" class="remove-button-style">
+            <FlexCol align="center">
+              <Image width="50" height="50" src="https://mncdn.wenlvti.net/app_static/minnan/images/mine/CustomService.png" />
+              <Text fontConfig="subText">联系客服</Text>
+            </FlexCol>
+          </button> 
+        </FlexRow>
         <ProvideVar :vars="{
           DynamicFormGroupBorderRadius: 20,
           DynamicFormGroupMarginBottom: 20,
@@ -18,7 +26,7 @@
             :options="formDefine"
           />
         </ProvideVar>
-        <Button type="primary" @click="submit">提交</Button>
+        <NaButton type="primary" @click="submit">提交</NaButton>
         <XBarSpace />
       </FlexCol>
     </FlexCol>
@@ -31,24 +39,26 @@ import { useLoadQuerys } from '@/common/composeabe/LoadQuerys';
 import { useImageSimpleUploadCo } from '@/common/components/upload/ImageUploadCo';
 import { showError } from '@/common/composeabe/ErrorDisplay';
 import { back } from '@/components/utils/PageAction';
+import { alert, toast } from '@/components/dialog/CommonRoot';
 import { waitTimeOut } from '@imengyu/imengyu-utils';
-import Button from '@/components/basic/Button.vue';
+import NaButton from '@/components/basic/Button.vue';
 import Text from '@/components/basic/Text.vue';
 import DynamicForm from '@/components/dynamic/DynamicForm.vue';
 import FlexCol from '@/components/layout/FlexCol.vue';
 import XBarSpace from '@/components/layout/space/XBarSpace.vue';
 import H3 from '@/components/typography/H3.vue';
+import ProvideVar from '@/components/theme/ProvideVar.vue';
+import NavBar from '@/components/nav/NavBar.vue';
+import StatusBarSpace from '@/components/layout/space/StatusBarSpace.vue';
+import FlexRow from '@/components/layout/FlexRow.vue';
 import CommonRoot from '@/components/dialog/CommonRoot.vue';
 import CommonContent, { FeedBackItem } from '@/api/CommonContent';
+import Image from '@/components/basic/Image.vue';
 import type { IDynamicFormOptions, IDynamicFormRef } from '@/components/dynamic';
 import type { CheckBoxListProps } from '@/components/dynamic/wrappers/CheckBoxList.vue';
 import type { FieldProps } from '@/components/form/Field.vue';
 import type { FormProps } from '@/components/form/Form.vue';
 import type { UploaderFieldProps } from '@/components/form/UploaderField.vue';
-import ProvideVar from '@/components/theme/ProvideVar.vue';
-import NavBar from '@/components/nav/NavBar.vue';
-import StatusBarSpace from '@/components/layout/space/StatusBarSpace.vue';
-import { alert, toast } from '@/components/dialog/CommonRoot';
 
 const loading = ref(false);
 
@@ -174,7 +184,10 @@ async function submit() {
     await CommonContent.feedBack(formModel.value as FeedBackItem);
     await alert({
       title: '提交成功',
-      content: '感谢您的反馈,我们将尽快审核并通知您结果。'
+      content: '感谢您的反馈,我们将尽快审核并通知您结果。',
+      icon: 'success-filling',
+      iconColor: 'success',
+      width: 550
     }); 
     back();
   } catch (e) {

+ 1 - 1
src/pages/parts/ArticleCorrect.vue

@@ -1,7 +1,7 @@
 <template>
   <Button 
     icon="comment" 
-    text="内容纠错" 
+    text="反馈纠错" 
     @click="navTo('/pages/article/correct', {
       contentId: content.id,
       title: content.title,