发布

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 className='popup-header'>
-          <Text className='popup-title'>发布</Text>
-          <Text className='popup-subtitle'>选择你要发布的内容类型</Text>
+      <View style={{ padding: '32rpx 24rpx 0', paddingBottom: '160rpx', background: '#f7f8fa' }}>
+        <View style={{ textAlign: 'center', marginBottom: '32rpx' }}>
+          <Text style={{ fontStyle: '36px', fontWeight: 600, color: '#1a1a1a', display: 'block' }}>发布</Text>
+          <Text style={{ fontStyle: '26px', color: '#969799' }}>选择你要发布的内容类型</Text>
         </View>
-        <View className='popup-grid'>
-          {PUBLISH_OPTIONS.map((option) => (
-            <View
-              key={option.id}
-              className='publish-card'
-              onClick={() => onSelect(option)}
-            >
-              <Text className='card-icon'>{option.icon}</Text>
-              <View className='card-info'>
-                <Text className='card-label'>{option.label}</Text>
-                <Text className='card-desc'>{option.desc}</Text>
-              </View>
+        {PUBLISH_OPTIONS.map((option) => (
+          <View
+            key={option.id}
+            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 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 className='popup-cancel' onClick={onClose}>
-          <Text className='cancel-text'>取消</Text>
-        </View>
+          </View>
+        ))}
       </View>
     </Popup>
   )