当前位置: 首页 > news >正文

css网站模板企业策划方案怎么做

css网站模板,企业策划方案怎么做,做正规小说网站有哪些,安徽网站开发培训准备工作(Hbuilder) 1.下载hbuilder,插件使用Vue3的uni-app项目 2.需要安装编译器 3.下载微信开发者工具 4.点击运行->微信开发者工具 5.打开微信开发者工具的服务端口 效果图 准备工作(VScode) 插件 uni-cr…

准备工作(Hbuilder)

1.下载hbuilder,插件使用Vue3的uni-app项目

2.需要安装编译器

3.下载微信开发者工具 

4.点击运行->微信开发者工具

5.打开微信开发者工具的服务端口

效果图

准备工作(VScode)

插件

uni-create-view

uni-helper

uniapp小程序扩展 

page.json(添加路由,修改底层导航栏,背景色)

添加路由

"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages{"path": "pages/index/index","style": {"navigationBarTitleText": "首页"}},{"path" : "pages/my/my","style" :                                                                                    {"navigationBarTitleText": "我的"}}]

修改背景颜色 

"globalStyle": {"navigationBarTextStyle": "black","navigationBarTitleText": "uni-app","navigationBarBackgroundColor": "#F8F8F8","backgroundColor": "#F8F8F8"}

添加导航栏(至少两个)

"tabBar": {"list": [{"pagePath": "pages/index/index","text": "首页"},{"pagePath": "pages/my/my","text": "我的"}]},

manifest.json(添加AppID)

添加AppID

轮播图实现

<template><swiper class="banner" indicator-dots circular :autoplay="false"><swiper-item v-for="item in pictures" :key="item.id"><image @tap="onPreviewImage(item.url)" :src="item.url"></image></swiper-item></swiper>
</template><script>export default {data() {return {title: 'Hello',pictures: [{id: '1',url: "../../static/uploads/goods_preview_1.jpg"},{id: '2',url: "../../static/uploads/goods_preview_2.jpg"},{id: '3',url: "../../static/uploads/goods_preview_3.jpg"},{id: '4',url: "../../static/uploads/goods_preview_4.jpg"},{id: '5',url: "../../static/uploads/goods_preview_5.jpg"},]}},onLoad() {},methods: {onPreviewImage(url) {// console(url);wx.previewImage({urls: this.pictures.map(v => v.url),current: url})}}}
</script><style>.banner,.banner image {width: 750rpx;height: 750rpx;}.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}.logo {height: 200rpx;width: 200rpx;margin-top: 200rpx;margin-left: auto;margin-right: auto;margin-bottom: 50rpx;}.text-area {display: flex;justify-content: center;}.title {font-size: 36rpx;color: #8f8f94;}
</style>

http://www.khdw.cn/news/20574.html

相关文章:

  • 新媒体做图网站创建自己的网站怎么弄
  • 兰州网站建设优化推广互联网广告代理商
  • 中国网站建设网页设计seo短视频发布页
  • 宠物店网站怎么做营销策略怎么写
  • 制作logo免费网站重庆网站建设公司
  • 如何做网站图标官方网站百度一下
  • 做书app下载网站有哪些seo 优化一般包括哪些内容
  • 网站怎么制作做百度账号登录入口网页版
  • 企业网站优化推广怎么做怎么推广一个平台
  • 定制网络教研系统适合seo优化的网站
  • 石狮做网站搜狗竞价推广效果怎么样
  • 长春建设平台网站的公司吗网络软文广告
  • 建设网站三要如何提高网站排名seo
  • 怎么自己做淘客网站百度收录提交入口地址
  • 荆门网站开发公司电话seo排名优化
  • 网站策划报告书怎么做网站服务费一年多少钱
  • 做平面设计兼职的网站互联网营销师考试题及答案
  • 本溪北京网站建设电商数据统计网站
  • wordpress中文摘要台州关键词优化报价
  • 电子商务网站建设流程google推广妙招
  • 为传销做网站公司网站设计的内容有哪些
  • 做一张网站图多少钱百度识图网页版在线使用
  • 南京做网站哪家公司好百度爱企查电话人工服务总部
  • qq登录网站授权怎么做百度怎么做广告推广
  • 网站页面建设规划文案下拉词排名
  • 做seo的网站推广网络seo是什么意思
  • 求职网站网页设计中央新闻联播
  • 广州网站制作怎么选网站目录
  • 做网站网页优秀营销软文100篇
  • 免费国内socks5代理seo技术