一.仿得太像了有木有~1.登录窗口 2.主窗口 二.构思，以微信设计布局构思以微信布局构思，参考element提供的组件；element提供的tabs标签页刚好能实现切换效果，element tabs 标签页；element tabs标签页虽然能达到切换效果，但是样式是在差异较大，所以需要自主编写样式覆盖element tabs标签页默认样式，以达到微信ui的样式效果，毫无疑问
转载
2023-12-12 15:41:33
271阅读
<template> <PageWrapper title="引导页" content="用于给用户的指引操作"> <a-button type="primary" @click="handleStart">开始</a-button> </PageWrapper> </template> <scri ...
转载
2021-10-19 14:51:00
1305阅读
2评论
一、vue3.0尝鲜 vue-next尝鲜 二、@vue/composition-api https://vue-composition-api-rfc.netlify.app/#summary https://.np...
原创
2021-12-06 16:36:53
203阅读
一、vue3.0尝鲜<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue-next尝鲜</title> <script src="https://s1.zhuanstatic.com/...
原创
2022-07-01 06:30:29
145阅读
vue项目中用的是aixos来进行请求，但是项目中接口请求比较多，而且vue3.0也不像vue2.x一样在入口文件引入后直接挂载到全局，比如这样：import axios from 'axios'
Vue.prototype.$axios = axios // 这是挂载到全局，$axios 是自己命名，按照自己的习惯来
// 使用就可以直接在需要用的页面直接调用
this.$axios.post(
转载
2023-08-21 09:28:09
474阅读
Vue3.0从入门到一骑绝尘
转载
2023-02-24 12:25:19
394阅读
Vue3-Chatroom 基于vue3.x开发的仿微信界面聊天室。使用vue3.0+vuex4.x+vue-router4+vant3.x+v3popup构建的移动端聊天实例。基本实现了消息发送/gif动图、图片/视频预览、网址查看、红包/朋友圈等功能。实现技术编码/技术：vscode+vue3.0/vuex4.x/vue-router4UI组件库：vant-ui 3.x (有赞移动端vue3组
点开微信相册的时候，想要在相册图片界面跳转查看点赞和评论时，微信会采用界面翻转的过渡动画来跳转到评论界面，好像是在图片界面的背面一样，点击完成又会翻转回到图片界面，这不同于一般的导航界面滑动动画，觉得很有意思，于是自己学着做了一下，其实也很简单，下面是实现的类似的效果图： 在图片界面点击右下角的查看评论会翻转到评论界面，评论界面点击左上角的返回按钮会反方向翻转回图片界面，真正的实现方法，与传统
转载
2023-09-24 17:53:50
529阅读
虽然说软件分工的目的在于各司其职更有效地完成开发任务，但在我写代码的过程中总是忍不住搞搞美工的事。（估计骨子里是个搞美工的）因为软件的好坏，有时候不是从功能上评价的，而是从外观上。而美工这活，绿色与浅绿色的区别，没准就造成美丑之分。这两天完成了功能代码的编写，心血来潮搞起UI，通过模仿微信（配色、布局、操作方式）来完善我的app（虽然是一个完全不需要外观的app = =）。经过模仿微信，我深有体会
转载
2024-05-23 17:35:37
53阅读
文章目录主界面实现测试 主界面实现（1）整体采用RelativeLayout相对布局 （2）最上面是toolbar操作栏,搜索框SearchView，Overflow（含有4个单选菜单项） （3）中间使用Fragment组件（不使用ViewPager，有兴趣可以自己添加实现下）。 （4）最下面是水平的LinearLayout线性布局：含有4个自定义的控件这一篇主要是实现主界面，其他像顶部（tool
转载
2023-08-29 12:08:45
224阅读
通过CDN<script src="https://unpkg.com/vue@next"></script>npm# 最新稳定版
npm install vue@next
npm install -D @vue/compiler-sfc如果你是从Vue 2.x升级的，请注意 @vue/compiler-sfc 替换掉了 vue-templat
...
转载
2023-03-01 09:10:08
241阅读
只有一张图但是却加入了很多比如setup代替了 export default然后组件等等之
原创
2022-08-19 11:35:34
201阅读
理想必须要人们去实现它，它不但需要决心和勇敢而且需要知识。——吴玉章目录系列文章目录一、关于对TypeScript的疑问1.ts中的数据类型 1.为 ref() 标志类型2.为 reactive() 标注类型3.为事件处理器标注类型2.typescript 特点3.TS的局限4.什么时候用泛型5.类型定义在哪？二、vue3中使用TypeScript前提问题1.需要说明类型2.引用报错3.
转载
2023-10-31 22:52:36
307阅读
前言 这个项目是利用工作之余写的一个模仿微信app的单页面应用，整个项目包含27个页面，涉及实时群聊，机器人聊天，同学录，朋友圈等等，后续页面还是开发中。写这个项目主要目的是练习和熟悉vue和vuex的配合使用，利用socket.io实现实时聊天。 技术栈vue2+vue-router+webpack+vuex+sass+svg构图+es6/7 源码地址 源码地址：https://github.
转载
2024-08-29 11:38:15
777阅读
仿 iOS 微信界面，听起来像是一个很酷的项目，特别是在这个越来越多样化和个性化的应用开发时代。要做到这一点，我们需要深入理解 UI 设计和下方的技术实现。接下来，我们将通过几个模块，深入探讨如何处理“仿 iOS 微信界面”的问题。
```mermaid
timeline
title 技术演进史
2009 : 微信发源
2010 : iOS 界面设计标准发布
20
微信是现在比较流行的应用了，在各大安卓市场几乎都是名列前茅了。说实话不得不羡慕腾讯庞大的用户群体，只要腾讯敢做，就会有很多人去用。废话不多说，下面就开始说一下如何实现微信的第一次启动程序的用户导航，ViewPager相信大家都不陌生了，是google放出的一个安卓低版本的兼容包android-support-v4.jar，里面有很多类我们可以去使用。那这个导航就是使用这个类来辅助完成
转载
2023-09-11 18:39:45
260阅读
相信大家对于微信5.0的切换效果一定很有印象，对于一些童鞋一定认为这是通过TabHost实现的，不过这里我要纠正一下你们的错误观点了，这个效果的实现是通过Fragment+ViewPage实现的，看上去简单的滑动切换，里面包含了很多腾讯工程师对于Android UI设计的独特视角和超强的业务能力，真心为他们点一个赞。说了这么多，下面我们开始探讨如何实现这样炫酷的效果，开始之前建议大家先看一下关于F
转载
2023-08-10 14:37:54
244阅读
实验环境：在Android Studio中进行有关代码的编写和界面效果展示 图标来源于阿里矢量图标库界面分析：点击底端相应区域，中间内容会进行相应切换（将对应的Fragment显示，其余的Fragment隐藏），下面展示点击联系人后，中间内容的变化。 同时点击菜单后，该菜单的图标和文字都将切换为绿色。界面布局的代码实现：顶部top.xml底端bottom.xml中间内容四个分段fragment.x
转载
2023-11-08 06:30:30
323阅读
前言先学习vue2.x，很多2.x内容依然保留；先学习TypeScript，vue3.0是用TS重写的，想知其然知其所以然必须学习TS。为什么学习vue3.0？性能比vue2.x快1.2～2倍按需编译，
原创
2021-08-27 10:12:12
967阅读
