youngAda
码龄17年
求更新 关注
提问 私信
  • 博客:6,129
    6,129
    总访问量
  • 14
    原创
  • 0
    粉丝
  • 1
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:湖南省
加入CSDN时间: 2008-03-18
博客简介:

youngAda的专栏

查看详细资料
个人成就
  • 获得0次点赞
  • 内容获得0次评论
  • 获得0次收藏
  • 博客总排名1,759,812名
创作历程
  • 13篇
    2020年
  • 1篇
    2008年
成就勋章
TA的专栏
  • linux C

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域 设置
  • 前端
    vue.js
创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

75人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

常见CSS样式写法

1、宽高(1)如按钮盒子的高度和宽度设置为:width: 0.3rem;height: 0.3rem;(2)如果是简单的div和图片以及p的组合,则最外层div的padding可设置为0.2 0;图片可设置为 1.8 1.8;半径12;设置背景色。padding: 0 0 0 0.2p的话,一般设置margin=02、背景色灰色系的背景色一般采用的有如下几种:#eee f5f5f5文字颜色一般有#1f2020 #616161 #8f8f8f红色可以用#fa2b1b两种按钮色 #f
原创
博文更新于 2020.10.24 ·
252 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vuex中store文件写法

function getItem(key) { return JSON.parse(localStorage.getItem(key) || '[]')}function setItem(key, value) { return localStorage.setItem(key, JSON.stringify(value))}export default { state: { buy: getItem('buy') }, mutations: { setBuy
原创
博文更新于 2020.10.24 ·
435 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue-router中router写法案例

import PhotoShow from '../pages/photo/show.vue'Vue.use(VueRouter)const routes = [ { path: '/photo/show/:id', props: true, name: 'PhotoShow', component: PhotoShow, meta: { title: '图片浏览' } }]const router = new VueRouter({ rou
原创
博文更新于 2020.10.24 ·
428 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue中sass嵌套显示

<template> <div class="order-info"> <div class="mui-card"> <div class="mui-card-content" v-for="item in orderInfo.user_order_goods" :key="item.id"> <div class="mui-card-content-inner"> <div cla
原创
博文更新于 2020.10.23 ·
394 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

第二种列表展示方式

<script>export default { goToInfo(id) { this.$router.push('/order/info/' + id) }, },}</script>```html<template> <div class="order-list"> <div class="order-item" v-for="item in orderList" :key="item.id"
原创
博文更新于 2020.10.23 ·
376 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

mui-card使用方法

<script>import { mapState, mapGetters } from 'vuex'export default { computed: { ...mapState('shopcart', ['buy']), ...mapGetters('shopcart', ['getBuyCount']), }, created() { if (this.$route.params.id) { this.addressId = this.
原创
博文更新于 2020.10.23 ·
880 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

mt-swipe mt-popup使用案例

<script>import numbox from '../../components/numbox.vue'export default { components: { numbox, }, methods: { countChange(res) { this.selectCount = res.count }, goBuy() { this.$store.commit('shopcart/setBuy', {
原创
博文更新于 2020.10.23 ·
611 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

利用mui-number定制封装numberbox

<template> <div class="mui-numbox" data-numbox-min="1" :data-numbox-max="max"> <button class="mui-btn mui-btn-numbox-minus">-</button> <input class="mui-input-numbox" type="number" :value="initCount" @change="countChang
原创
博文更新于 2020.10.23 ·
220 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

封装flex布局的列表

<template> <router-link :to="'/goodsinfo/' + goodsInfo.id"> <div class="goods"> <img :src="goodsInfo.image" alt="" srcset=""> <div class="info"> <p class="name">{{goodsInfo.name}}</p>
原创
博文更新于 2020.10.23 ·
224 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

cui-goods-list插件的使用

<div class="goods-list"> <div class="items"> <cui-goods-list v-for="it in goodsList" :key="it.id" :goodsInfo="it"></cui-goods-list> </div> <div class="more-box" v-if="goodsList.length"> <mt-bu.
原创
博文更新于 2020.10.23 ·
182 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

分块显示的页面布局

<div class="category-info"> <div class="menu-left"> <ul> <li class="menu-item" v-for="(menu, index) in menus" :key="index" :class="{current: currentIndex == index}" @click="select(index)"> {{ me
原创
博文更新于 2020.10.23 ·
407 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

左右侧关联的CSS效果

<style scoped lang="scss">ul { padding: 0; margin: 0;}li { list-style: none;}.category-info { display: flex; flex-flow: row nowrap; overflow: hidden; width: 100%; text-align: center; .menu-left { flex: 0 0 2.32rem; back
原创
博文更新于 2020.10.23 ·
136 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue中better-scroll实现左右侧BScroll联动nextTick

better-scroll用法及掉过的坑引用引用```javascript<script>import BScroll from 'better-scroll'export default { watch: { menus() { this.$nextTick(() => { this._initRightLiTops()this._initBScroll() }) }, }, methods
原创
博文更新于 2020.10.23 ·
430 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

数据类型转换 小总结

提问:将一个字符串转换成一个整型数有多少种方式?在C语言的课堂上,可能会采取以下算法:将字符串中的每一个字符提取出来,然后进行计算,然后将会得到你所想要的整型数。当然在这个函数中还要考虑字符串中的数字的进制问题,例如将字符串“0x1234abcd”转换成整型数则首先还要考虑它是十六进制的数。当然也还要考虑其他的问题,一共有一下几类:1.       非法字符问题2.       进
原创
博文更新于 2008.11.03 ·
1155 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏