发布

src/components/PublishPopup/index.tsx

@@ -31,32 +31,34 @@ 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) => (
-          {PUBLISH_OPTIONS.map((option) => (
+          <View
-            <View
+            key={option.id}
-              key={option.id}
+            style={{
-              className='publish-card'
+              display: 'flex',
-              onClick={() => onSelect(option)}
+              alignItems: 'center',
-            >
+              backgroundColor: '#fff',
-              <Text className='card-icon'>{option.icon}</Text>
+              borderRadius: '16rpx',
-              <View className='card-info'>
+              padding: '28rpx 24rpx',
-                <Text className='card-label'>{option.label}</Text>
+              marginBottom: '20rpx',
-                <Text className='card-desc'>{option.desc}</Text>
+              boxShadow: '0 2px 12px rgba(0, 0, 0, 0.04)'
-              </View>
+            }}
+            onClick={() => onSelect(option)}
+          >
+            <Text style={{ fontSize: '48rpx', marginRight: '20rpx', flexShrink: 0 }}>{option.icon}</Text>
+            <View style={{ flex: 1 }}>
+              <Text style={{ display: 'block', fontSize: '32rpx', fontWeight: 500, color: '#1a1a1a', marginBottom: '4px' }}>{option.label}</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>
   )