fix: 云版详情功能弹窗间距的调整

src/pages/Product/Cloud/components/Detail/UpgradeModal.jsx

@@ -113,7 +113,8 @@ const UpgradeModal = props => {
       {type === lockTypeEnum.GIVE || type === lockTypeEnum.LEND || type === lockTypeEnum.SALE ? (
         <div className="mb-6">
           <p className="pb-3">
-            为用户<b>{cloudUser.mobile}</b>，<b>{cloudUser.username}</b> {modalTitleEnum[type]}{' '}
+            为用户<b>{cloudUser.mobile}</b>，<b>{cloudUser.username}</b>{' '}
+            <span className="mx-2">{modalTitleEnum[type]}</span>
             <b>{compilationName}</b>
           </p>
           <div className="pb-5">
@@ -125,14 +126,17 @@ const UpgradeModal = props => {
 
       {type === titleType.DEMOTION ? (
         <div className="mb-6">
-          为用户<b>{cloudUser.mobile}</b>，<b>{cloudUser.username}</b> 降级 <b>{cloudUser.name}</b>{' '}
+          为用户<b>{cloudUser.mobile}</b>，<b>{cloudUser.username}</b>
+          <span className="mx-2">降级</span>
+          <b>{cloudUser.name}</b>
           <b>{compilationListName}</b>
         </div>
       ) : null}
       {type === titleType.DEADLINE ? (
         <div className="mb-6">
-          为用户<b>{cloudUser.mobile}</b>，<b>{cloudUser.username}</b> <b>{cloudUser.name}</b>{' '}
-          <b>{compilationListName}</b> 设置延期
+          为用户<b>{cloudUser.mobile}</b>，<b>{cloudUser.username}</b>
+          <b>{cloudUser.name}</b>
+          <b className="mx-2">{compilationListName}</b> 设置延期
           <div className="pt-5 pb-5">
             当前限期为 <b>{deadline}</b>
           </div>