发布

src/components/PublishPopup/index.tsx

@@ -31,33 +31,35 @@ export default function PublishPopup({ visible, onClose, onSelect }: PublishPopu
       round
       rootPortal
       onClose={onClose}
-      closeable
       overlayStyle={{ backgroundColor: 'rgba(0,0,0,0.5)' }}
     >
-      <View className='publish-popup'>
+      <View style={{ padding: '32rpx 24rpx 0', paddingBottom: '160rpx', background: '#f7f8fa' }}>
-        <View className='popup-header'>
+        <View style={{ textAlign: 'center', marginBottom: '32rpx' }}>
-          <Text className='popup-title'>发布</Text>
+          <Text style={{ fontStyle: '36px', fontWeight: 600, color: '#1a1a1a', display: 'block' }}>发布</Text>
-          <Text className='popup-subtitle'>选择你要发布的内容类型</Text>
+          <Text style={{ fontStyle: '26px', color: '#969799' }}>选择你要发布的内容类型</Text>
         </View>
-        <View className='popup-grid'>
         {PUBLISH_OPTIONS.map((option) => (
           <View
             key={option.id}
-              className='publish-card'
+            style={{
+              display: 'flex',
+              alignItems: 'center',
+              backgroundColor: '#fff',
+              borderRadius: '16rpx',
+              padding: '28rpx 24rpx',
+              marginBottom: '20rpx',
+              boxShadow: '0 2px 12px rgba(0, 0, 0, 0.04)'
+            }}
             onClick={() => onSelect(option)}
           >
-              <Text className='card-icon'>{option.icon}</Text>
+            <Text style={{ fontSize: '48rpx', marginRight: '20rpx', flexShrink: 0 }}>{option.icon}</Text>
-              <View className='card-info'>
+            <View style={{ flex: 1 }}>
-                <Text className='card-label'>{option.label}</Text>
+              <Text style={{ display: 'block', fontSize: '32rpx', fontWeight: 500, color: '#1a1a1a', marginBottom: '4px' }}>{option.label}</Text>
-                <Text className='card-desc'>{option.desc}</Text>
+              <Text style={{ fontSize: '24rpx', color: '#969799' }}>{option.desc}</Text>
             </View>
           </View>
         ))}
       </View>
-        <View className='popup-cancel' onClick={onClose}>
-          <Text className='cancel-text'>取消</Text>
-        </View>
-      </View>
     </Popup>
   )
 }