一套底座出不同站型：导航站源码的模板怎么拆，接单系统四端怎么对齐

导航站源码是我上个月做完的一套建站底稿，客户拿它做个人官网、接单站、网址导航。这个月，多角色接单系统的四端也清点完了：用户下单、接单员抢单、客服跟进、管理后台派单结算，四端都能直接给可点开的演示地址。

两件事其实是同一个问题：怎么让一套代码出不一样的站，而且改起来不用我把源码翻一遍。

模板和区块怎么拆

这套源码有 7 套模板。它们不是七个独立项目，共用同一份数据和同一批组件，差别只在版式怎么排。

页面内容按区块拆开管：导航、轮播、分类列表、链接卡片、开奖中心、客服通道这类各算一个区块，后台有开关，想开哪个开哪个。开关只管这一块显示，不动别的。

于是同一套源码能出三种站型：

• 做个人官网的，把列表类区块关掉，留介绍和联系方式；
• 做网址导航的，把分类和列表全开满；
• 做接单站的，留服务说明和下单入口。

站型不同，不是源码不同。

区块之间不许互相引用。这条是我后补的规矩。早期没按这个来，关掉某个板块整页报错，因为那个板块直接读了另一个板块的数据。现在每个区块只认自己的数据，关掉不留悬空依赖。

主色为什么只留一个

原先的问题不是颜色少，是颜色多：主色、辅色、强调色、按钮色、渐变两头，套法在各模板还不一样。客户丢给我一个色值，我要在 7 套模板里分别找位置改。

现在配色降级为一个主色，其余颜色由模板自己从这一个值算出来。每套模板都吃这个主色，改一个值，7 套同时跟着变。暗色模板不另配一套色，它直接吃 data-theme 上的 token，切主题就是换一组 token，主色不用重设。

交付的时候我只问一句要什么色，剩下不用解释。

文案为什么不写死

展示用的文字全部走后台可编辑的数据路径，代码里一行不留。首页标题、区块名、服务说明、客服通道的名称和头像，都在后台改。

理由很实际：同一套源码装在不同人手里，他们要说的话完全不一样。写死在代码里就得我来改，装一次机改十几处，改完还得重新出包。走数据路径的代价是结构要多想一层，收益是装机之后我可以不出现。

手机端的工作量

这块我一开始估低了。手机端不是把桌面版缩一遍——宽度变了以后，很多地方不是挤一下就能过的。现在每个页面单独适配，7 套模板就是七遍，每套里再按页面过一遍。

我踩的是先只改公共样式，桌面看着没问题，手机上导航挤成两行、卡片宽度算错、内容底部被固定条挡住。公共样式只能保底，版面还是得一套一套过。

四端的状态怎么对齐

订单状态只有一份，四个端读同一个，区别在各自能推哪个动作。

两条必须单独处理：

• 抢单和派单会撞。两个人同时点抢单，只有一个成立，另一个要拿到明确的失败提示，不是报错页。后台派单时如果单子已经被抢走，派单要失败回去重选，不能覆盖别人的单。
• 状态只能往前走。回退只在管理后台开，用户端和接单员端没有这个口。

四端是分开写的，界面完全不同，但同一张单在四端上看到的状态名必须一致，所以状态定义放在公共位置，各端不许自己造新词。这是我到后期才收的地方：一开始四端各写各的，同一件事在三端叫三个名字，光澄清就花时间。

现在能点开

导航站和接单系统现在都可以直接给演示地址，点开就能翻。要上新站，走放行云的自动开站——放行云是我卖出去的每一套源码都挂在上面、版本更新和续费到期都从那里下发的中控站——客户付款当场把新站开出来，域名和后台一起配好交给他，导航站免费送、按月收租。