- 博客(14)
- 收藏
- 关注
RSS订阅原创 常见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 15:14:16
196
原创 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 09:27:47
375
原创 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 09:27:21
389
原创 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 20:11:59
340
原创 第二种列表展示方式
<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 20:10:14
317
原创 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 20:07:17
769
原创 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 20:02:51
533
原创 利用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 19:56:21
166
原创 封装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 19:55:12
182
原创 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 19:51:38
130
原创 分块显示的页面布局
<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 19:47:38
328
原创 左右侧关联的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 19:46:33
97
原创 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 19:28:05
371
原创 数据类型转换 小总结
提问：将一个字符串转换成一个整型数有多少种方式？在C语言的课堂上，可能会采取以下算法：将字符串中的每一个字符提取出来，然后进行计算，然后将会得到你所想要的整型数。当然在这个函数中还要考虑字符串中的数字的进制问题，例如将字符串“0x1234abcd”转换成整型数则首先还要考虑它是十六进制的数。当然也还要考虑其他的问题，一共有一下几类：1. 非法字符问题2. 进
2008-11-03 16:04:00
1086
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人