V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  JohnYep  ›  全部回复第 1 页 / 共 2 页
回复总数  39
1  2  
4 小时 36 分钟前
回复了 gechang 创建的主题 程序员 有类似 itab 开源的 vue 代码吗
```js
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>工作台</title>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<link
href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css"
rel="stylesheet"
/>
<style>
:root {
--primary-bg: #f8fafc;
--card-bg: #ffffff;
--text-primary: #1f2937;
--text-secondary: #64748b;
--shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: var(--primary-bg);
color: var(--text-primary);
min-height: 100vh;
}
.app-container {
display: flex;
min-height: 100vh;
}
.sidebar {
width: 64px;
background: #ffffff;
padding: 16px 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
box-shadow: var(--shadow);
z-index: 10;
}
.sidebar-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
cursor: pointer;
color: var(--text-secondary);
transition: all 0.2s;
padding: 8px;
border-radius: 8px;
}
.sidebar-item:hover {
color: var(--text-primary);
background: #f1f5f9;
}
.main-content {
flex: 1;
padding: 24px;
}
.search-bar {
background: #ffffff;
border-radius: 8px;
padding: 12px 24px;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 12px;
box-shadow: var(--shadow);
}
.search-input {
background: none;
border: none;
color: var(--text-primary);
flex: 1;
font-size: 16px;
outline: none;
}
.widget-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 24px;
margin-top: 24px;
}
.widget-card {
background: var(--card-bg);
border-radius: 12px;
padding: 20px;
box-shadow: var(--shadow);
}
.clock-widget {
text-align: center;
font-size: 48px;
font-weight: 300;
background: linear-gradient(135deg, #60a5fa, #3b82f6);
color: white;
}
.date-text {
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
margin-top: 8px;
}
.weather-widget {
display: flex;
flex-direction: column;
gap: 16px;
background: linear-gradient(135deg, #34d399, #10b981);
color: white;
}
.weather-current {
font-size: 36px;
display: flex;
align-items: center;
gap: 12px;
}
.weather-forecast {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
padding-top: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.forecast-item {
text-align: center;
font-size: 14px;
}
.app-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
gap: 16px;
margin-top: 24px;
}
.app-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
cursor: pointer;
transition: transform 0.2s;
}
.app-item:hover {
transform: translateY(-4px);
}
.app-icon {
width: 48px;
height: 48px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
background: #f1f5f9;
color: #3b82f6;
transition: all 0.2s;
}
.app-item:hover .app-icon {
background: #3b82f6;
color: white;
}
.app-name {
font-size: 12px;
color: var(--text-secondary);
text-align: center;
}
</style>
</head>
<body>
<div id="app">
<div class="app-container">
<div class="sidebar">
<div class="sidebar-item" v-for="item in sidebarItems" :key="item.id">
<i :class="item.icon"></i>
<span>{{ item.label }}</span>
</div>
</div>
<div class="main-content">
<div class="search-bar">
<i class="ri-search-line"></i>
<input
type="text"
class="search-input"
placeholder="输入搜索内容"
v-model="searchText"
/>
</div>
<div class="widget-grid">
<div class="widget-card clock-widget">
<div>{{ currentTime }}</div>
<div class="date-text">{{ currentDate }}</div>
</div>
<div class="widget-card weather-widget">
<div class="weather-current">
<i class="ri-sun-line"></i>
<span>{{ weather.current }}°</span>
</div>
<div class="weather-forecast">
<div
class="forecast-item"
v-for="item in weather.forecast"
:key="item.date"
>
<div>{{ item.date }}</div>
<i :class="item.icon"></i>
<div>{{ item.temp }}°</div>
</div>
</div>
</div>
</div>
<div class="app-grid">
<div class="app-item" v-for="app in apps" :key="app.id">
<div class="app-icon">
<i :class="app.icon"></i>
</div>
<div class="app-name">{{ app.name }}</div>
</div>
</div>
</div>
</div>
</div>
<script>
const { createApp, ref, onMounted } = Vue;
createApp({
setup() {
const searchText = ref("");
const currentTime = ref("");
const currentDate = ref("");
const sidebarItems = ref([
{ id: 1, icon: "ri-home-line", label: "主页" },
{ id: 2, icon: "ri-code-line", label: "开发" },
{ id: 3, icon: "ri-palette-line", label: "设计" },
{ id: 4, icon: "ri-product-hunt-line", label: "产品" },
]);
const weather = ref({
current: 19,
forecast: [
{ date: "周一", icon: "ri-sun-line", temp: 22 },
{ date: "周二", icon: "ri-cloudy-line", temp: 20 },
{ date: "周三", icon: "ri-sun-cloudy-line", temp: 21 },
{ date: "周四", icon: "ri-drizzle-line", temp: 19 },
{ date: "周五", icon: "ri-sun-line", temp: 23 },
{ date: "周六", icon: "ri-cloudy-line", temp: 20 },
],
});
const apps = ref([
{ id: 1, icon: "ri-bilibili-line", name: "哔哩哔哩" },
{ id: 2, icon: "ri-zhihu-line", name: "知乎" },
{ id: 3, icon: "ri-wechat-line", name: "微信" },
{ id: 4, icon: "ri-alipay-line", name: "支付宝" },
{ id: 5, icon: "ri-douyin-line", name: "抖音" },
{ id: 6, icon: "ri-qq-line", name: "QQ" },
{ id: 7, icon: "ri-weibo-line", name: "微博" },
{ id: 8, icon: "ri-shopping-bag-line", name: "淘宝" },
]);
const updateTime = () => {
const now = new Date();
currentTime.value = now.toLocaleTimeString("zh-CN", {
hour: "2-digit",
minute: "2-digit",
});
currentDate.value = now.toLocaleDateString("zh-CN", {
year: "numeric",
month: "long",
day: "numeric",
weekday: "long",
});
};
onMounted(() => {
updateTime();
setInterval(updateTime, 1000);
});
return {
searchText,
currentTime,
currentDate,
sidebarItems,
weather,
apps,
};
},
}).mount("#app");
</script>
</body>
</html>


```
88 天前
回复了 aziya 创建的主题 分享创造 做了一个只有中国人才能玩的游戏
@rrfeng #5 卖啥钱,直接做成微信小程序,免费玩,错了就要用户看广告,充钱🙈
分子+1
@johnwilson #18 你这是用的三方的还是自建邮件服务呢
@kalman03 #13
看到你们这个临时邮箱,我也想搞一个,不过你们的邮箱服务都是自己买域名搭建的吗,还是用的三方的 api 呢
我的也是,期初不知道咋回事,不过好像是谷歌一下子来了很多爬虫直接把我的网站给搞崩溃了,耗费完了
https://i.imgur.com/Pzwuhps.png
https://i.imgur.com/ihN2FiZ.png
222 天前
回复了 Socrazy 创建的主题 Apple 竟然有人担心 Infuse 步 vidhub 后尘?
@steley #9
@GeekGao #11
谢谢,大概知道了

@flyyu #13

我的地址是填写的老家的,这个估计很难收到了,我老爸基本上不管快递邮件什么的,只能过两天再重新修改一下地址填写先试试
想问下大家的 PIN 码都是怎么收到的,我的已经过去 18 天了,这个月 6 月 7 号提交的,没有任何动静,通过邮政 EMS 也查不到相关信息,想知道谷歌是怎么邮寄过来的,通过什么渠道邮寄的,我的电话号码和手机号都没有填写,就一个简单的省市区,姓名和一个邮政编码,这么简单的信息,他到时候是怎么联系到我呢
图一
https://i.imgur.com/OF1EBbU.png
图二
https://i.imgur.com/WM5EnTI.png
239 天前
回复了 calvinclark 创建的主题 程序员 X 平台看到一个脚本
刚刚试了一下不知道是什么
https://i.imgur.com/U4kXYze.png
https://i.imgur.com/s5IIoq8.png
https://report.check.place/IP/1ORQORGPY.svg
https://i.imgur.com/qjEJpuT.png
239 天前
回复了 test9106 创建的主题 站长 cdn 被盗刷
还记得之前 cnpm 被盗刷
https://i.imgur.com/axTNtaF.png
249 天前
回复了 AoEiuV020JP 创建的主题 站长 大家个人备案的网站都放点啥?
今天又被打回来了,因为我这是备案第二个域名,第一个域名的内容还要复查,说第一个域名网站内容不合格真是服了
第一个已备案的起初我挂了一个导航站,(一为主题) https://www.iotheme.cn/ 的免费模板,按照阿里的人员说的修修改改提交,结果审核第二个的时候管局打回来了,说是第一个内容不合规
我改了几遍现在是挂了一个这种主页 https://www.imsyy.top/
https://i.imgur.com/tgSJJQS.png
阿里云刚刚审核说我的网站不能挂 QQ 图标,我也是服了
还说网站内容不能太单调,让我丰富内容,不能只有一个主页,关键是我刚备案不到一周啊,真是服了
249 天前
回复了 AoEiuV020JP 创建的主题 站长 大家个人备案的网站都放点啥?
@RyougiShiki #50 直接买去 vultr.com 和搬瓦工购买也用申请 visa 卡,买美国手机卡 esim 啊
250 天前
回复了 AoEiuV020JP 创建的主题 站长 大家个人备案的网站都放点啥?
好烦我的备案网站也是遇到这个问题,现在管的真是宽,麻烦的一批
@RyougiShiki #42
257 天前
回复了 ibrothergang 创建的主题 游戏 有什么游戏是你一直玩到现在的?
欢乐斗,斗地主
1 、域名爆红被微信拦截了
2 、没有二级页面,就一个主页
3 、主页页面层级混乱,H1 标签缺失
4 、网站描述太长建议不超过 160 个字
https://chatgpt.com/share/2958330f-0d90-44d0-b50b-a4f6771591f1



https://i.imgur.com/wyom7Ms.png



为你的公司取一个既有个性又简洁的名字,同时域名也能注册,是一个很有趣的挑战。基于你的需求和背景,这里有几个建议:

### 公司名称及对应域名

1. **炎程信息技术有限公司**
- 域名: **yanchengtech.com**
- 解释: "炎"代表热情、活力,"程"取编程之意,突显技术团队的特质。

2. **恒智信息技术有限公司**
- 域名: **hengzhitech.com**
- 解释: "恒"代表恒心、坚持,"智"代表智慧,寓意公司在技术上的持久和智慧。

3. **云迅信息技术有限公司**
- 域名: **yunxuntech.com**
- 解释: "云"代表云计算,"迅"代表迅速,突显公司技术的现代和高效。

4. **柒度信息技术有限公司**
- 域名: **qidutech.com**
- 解释: "柒"为七的异写,独特且富有个性,"度"代表广度和深度,寓意公司技术全面。

5. **微步信息技术有限公司**
- 域名: **weibutech.com**
- 解释: "微"代表微小、细致,"步"代表前进,寓意公司在技术上的细致和进步。

### 选择建议

1. **确保域名可用性**:在选择公司名称和域名时,可以通过 [whois.net]( https://www.whois.net/) 或类似网站检查域名的可注册性。
2. **商标和品牌检查**:确保所选名称没有在相同领域被注册为商标,避免未来的法律纠纷。可以通过国家工商总局的商标查询系统进行核查。
3. **简单易记**:名称应尽量简洁易记,三字以内是个好主意,这样更容易被客户记住。
4. **域名的易读性和拼写**:尽量选择简单、拼写方便的域名,避免客户在输入时出错。

### 最后

以上是几个建议,供你参考。如果有其他特别的喜好或者进一步的要求,也可以再做调整。祝你的公司顺利注册,并且生意兴隆!期待你们在技术领域大展宏图!
@zzl22100048 #47 是的确实是工信部的,github 上有吗,我咋没找到呢
1  2  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2835 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 31ms · UTC 14:49 · PVG 22:49 · LAX 06:49 · JFK 09:49
Developed with CodeLauncher
♥ Do have faith in what you're doing.