召集人 · 发布二手设备

设备基本信息

设备类型

品牌

型号

成色

转让价格

购买时间

设备描述

</div>

<div class="card-white rounded-xl p-4">
      <div class="flex items-center justify-between mb-3">
        <p class="text-xs text-text-muted font-medium">设备图片</p>
        <span class="text-[10px] text-text-muted">最多9张，建议上传实拍图</span>
      </div>
      <div class="flex gap-2 flex-wrap">
        <div class="relative w-20 h-20 rounded-xl overflow-hidden">
          <img src="https://img.unsplash.com/photo-1473968512647-3e447244af8f?w=200&q=80" class="w-full h-full object-cover">
          <div class="absolute inset-0 bg-black/40 flex items-center justify-center">
            <i class="fas fa-times text-white text-sm"></i>
          </div>
        </div>
        <div class="relative w-20 h-20 rounded-xl overflow-hidden">
          <img src="https://img.unsplash.com/photo-1507582020474-9a35b7d455d9?w=200&q=80" class="w-full h-full object-cover">
          <div class="absolute inset-0 bg-black/40 flex items-center justify-center">
            <i class="fas fa-times text-white text-sm"></i>
          </div>
        </div>
        <div class="w-20 h-20 rounded-xl border-2 border-dashed border-border-color flex flex-col items-center justify-center cursor-pointer hover:border-primary transition-colors">
          <i class="fas fa-plus text-text-muted text-sm"></i>
          <span class="text-[10px] text-text-muted mt-0.5">添加</span>
        </div>
      </div>
    </div>

<div class="card-white rounded-xl p-4">
      <p class="text-xs text-text-muted mb-3 font-medium">交易方式</p>
      <div class="flex gap-2">
        <button class="flex-1 py-2.5 rounded-xl border-2 border-primary bg-primary-light text-primary text-xs font-medium flex items-center justify-center gap-1.5">
          <i class="fas fa-handshake text-[10px]"></i>面交
        </button>
        <button class="flex-1 py-2.5 rounded-xl border border-border-color text-text-secondary text-xs flex items-center justify-center gap-1.5">
          <i class="fas fa-truck-fast text-[10px]"></i>邮寄
        </button>
        <button class="flex-1 py-2.5 rounded-xl border border-border-color text-text-secondary text-xs flex items-center justify-center gap-1.5">
          <i class="fas fa-list-check text-[10px]"></i>都可
        </button>
      </div>
    </div>

<button type="submit" class="w-full h-12 rounded-full bg-primary text-white text-sm font-semibold shadow-md shadow-primary/20 flex items-center justify-center hover:opacity-90 active:scale-95 transition-all mt-2">
      <i class="fas fa-paper-plane mr-2 text-xs"></i>发布转让信息
    </button>
    </form>
  </main>

<nav class="fixed bottom-0 left-0 right-0 bg-white border-t border-border-color px-4 py-2 flex justify-around items-end z-40" style="padding-bottom: env(safe-area-inset-bottom);">
    <a href="index.html" class="nav-link text-text-muted text-[10px]"><i class="fas fa-home text-lg"></i><span>首页</span></a>
    <a href="fenlei.html" class="nav-link text-text-muted text-[10px]"><i class="fas fa-th-large text-lg"></i><span>分类</span></a>
    <a href="fabu.html" class="nav-link -mt-4"><div class="w-11 h-11 rounded-full flex items-center justify-center publish-btn"><i class="fas fa-plus text-lg"></i></div><span class="text-[10px] text-text-muted font-medium mt-0.5">发布</span></a>
    <a href="xiaoxi.html" class="nav-link text-text-muted text-[10px]"><i class="far fa-comment-dots text-lg"></i><span>消息</span></a>
    <a href="wode.html" class="nav-link text-text-muted text-[10px]"><i class="far fa-user text-lg"></i><span>我的</span></a>
  </nav>
  <script>
    (function(){
      var condBtns = document.querySelectorAll('#ershouForm .flex.gap-2 button');
      var condH = document.getElementById('condHidden');
      if(condBtns.length && condH){
        condBtns.forEach(function(b){
          b.addEventListener('mousedown', function(ev){
            ev.preventDefault();
            var t = b.textContent.trim();
            condH.value = t;
            condBtns.forEach(function(x){ x.className = 'px-4 py-2 rounded-full border border-border-color text-text-secondary text-xs'; });
            b.className = 'px-4 py-2 rounded-full border-2 border-primary bg-primary-light text-primary text-xs font-medium';
          });
        });
      }
    })();
  </script>
</body>
</html>