不签~

签了 工龄没了 赔偿是 N+1 新公司有几个 N ？

只有 iPhone 的膜 品牌是贝尔金 贝尔金有个专门的贴膜机器

iPad 的膜 没有

Learn how databases work, how to choose the right one, and how to use databases with your applications to their full potential.

文档页数越多 里面的写得越专业 一些高大上的词 看着很牛逼

甲方就会觉得 这项目好牛逼 太厉害了 666 这钱 花得值

非 vvip 中不了

同一个抽奖 我是纸巾
同事是戴森的吹风机

在申请 2 台呀 2 台也就 10k

好朋友刚刚给了一单子 做微信小程序

我不敢接呀

报价高了 朋友不高兴
报价低了 我不开心

接了

做得好 你我都好
做得不好 朋友不高兴 你不知道 友谊的小船说翻就翻

还是别接 或者 玩点回复消息得了 或者 给朋友做吧~

@codingbody https://buyersguide.macrumors.com/#mac

@coolmint 感谢老铁回复~

借楼问一下

在拼多多百亿补贴买苹果电脑和苹果 iPad 带那个牛皮纸盒吗？

感谢老铁回复 拼夕夕价格太香了~~~ 淘宝另外开票要加几百块~

@findjh 刚刚毕业的时候 谈朋友 也这么认为 直到谈了几个后 每一个都是我喜欢的类型~~
o(╥﹏╥)o

一见钟情？

妹子颜值应该还可以吧~

24 岁

喜欢前端就去学习嘛 😁

B 站那么多培训机构的视频 找个日期新鲜一点的 学就行了 😁

@xuxinglin8888 同求 +1

@Rocketer 已解决 费用比淘宝便宜~
@oIMOo 感谢老铁 已经解决了~

富和帅 有一样就行~

建议拒绝 时间长了 同事会把这个当成理所当然

要是收钱 同事 跟觉得理所当然了

这是啥模拟器和手柄 😁

有个闲置的手机 想玩玩 Switch😁

### Vue 中优雅使用 SVG

#### 相关文章

在 vue 项目中优雅的使用 Svg - 掘金
https://juejin.cn/post/6844903697999200263

在 vue3+vite 项目中使用 svg - 掘金
https://juejin.cn/post/6932037172178616334

通过 vite-plugin-svg-icons 插件封装 SvgIcon 组件 - 掘金
https://juejin.cn/post/7094060278475653128

---

#### 使用`vite-plugin-svg-icons`插件

##### 安装插件

```shell
// 安装插件
npm install svg-sprite-loader -D
# via yarn
yarn add svg-sprite-loader -D

// 如果报错 需要安装“fast-glob”
yarn add fast-glob -D
```

##### 封装 SvgIcon 组件

```javascript
<template>
<svg :class="svgClass" v-bind="$attrs" :style="{ color: color }">
<use :xlink:href="iconName" />
</svg>
</template>

<script>
import { defineComponent, computed } from "vue";
export default defineComponent({
name: "SvgIcon",
props: {
name: {
type: String,
required: true,
},
color: {
type: String,
default: "#333",
},
},
setup(props) {
const iconName = computed(() => `#icon-${props.name}`);
const svgClass = computed(() => {
console.log(props.name, "props.name");
if (props.name) {
return `svg-icon icon-${props.name}`;
}
return "svg-icon";
});

return {
iconName,
svgClass,
};
},
});
</script>

<style scoped>
.svg-icon {
width: 1em;
height: 1em;
fill: currentColor;
vertical-align: middle;
}
</style>

```



##### 配置插件

```javascript
// 配置 vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
import { resolve } from 'path'

// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
createSvgIconsPlugin({
iconDirs: [resolve(process.cwd(), 'src/assets/svg')],
symbolId: 'icon-[dir]-[name]',
})
],
})

// 配置 main.js
import 'virtual:svg-icons-register'

const app = createApp(App);

app
.component("svg-icon", SvgIcon)
.mount('#app');
```

##### 使用插件

```vue
<script setup>
import HelloWorld from "./components/HelloWorld.vue";
import SvgIcon from "./components/SvgIcon.vue";
</script>

<template>
<div>
<a href="https://vitejs.dev" target="_blank">
<img src="/vite.svg" class="logo" alt="Vite logo" />
</a>
<a href="https://vuejs.org/" target="_blank">
<img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
</a>
</div>
<HelloWorld msg="Vite + Vue" />
<SvgIcon name="tree" />
</template>

<style scoped>
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
filter: drop-shadow(0 0 2em #42b883aa);
}
</style>

```