查看: 10902|回复: 583

美观【微信小程序源码:】名片类小程序,可以直接运行的

  [复制链接]

37

主题

43

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
10387
发表于 2017-8-15 14:54:57 | 显示全部楼层 |阅读模式

登录后查看更多内容,推荐微信扫码快速登录

您需要 登录 才可以下载或查看,没有帐号?【建议使用下方微信快捷登录注册】

x
扫码体验:


boss.jpg


效果图如下:
Boss.png


工程文件
boss1.png
app.json
  1. {
  2.   "pages":[
  3.     "pages/index/index",
  4.     "pages/card/card",
  5.     "pages/replace/replace",   
  6.     "pages/addCard/addCard",
  7.     "pages/ucard/ucard",  
  8.     "pages/logs/logs",
  9.     "pages/contactUser/contactUser",
  10.     "pages/resource/resource"
  11.   ],
  12.   "window":{
  13.     "backgroundTextStyle":"dark",
  14.     "navigationBarBackgroundColor": "#000000",
  15.     "navigationBarTitleText":"名片夹",
  16.     "backgroundColor": "#FFFFFF",
  17.     "navigationBarTextStyle":"white",
  18.     "enablePullDownRefresh":"true"
  19.   },
  20.   "tabBar":{
  21.     "color":"#8B8888",
  22.     "selectedColor":"#2EBAEE",
  23.     "backgroundColor":"#FFFFFF",
  24.     "borderStyle":"black",
  25.     "list":[{
  26.       "pagePath":"pages/index/index",
  27.       "text":"我的名片",
  28.       "iconPath":"image/2.png",
  29.       "selectedIconPath":"image/22.png"
  30.     },{
  31.       "pagePath":"pages/card/card",
  32.       "text":"名片夹",
  33.       "iconPath":"image/3.png",
  34.       "selectedIconPath":"image/33.png"
  35.     }]
  36.   }
  37. }
复制代码
index.wxml
  1. <!--index.wxml-->
  2. <!--这是用户信息缺失的页面-->
  3. <view class="container1" style="display:{{index1}}">
  4.   <image src="../../image/list.png" class="img"></image>
  5.   <view class="font">你还没有名片哦,赶快来做一张吧</view>
  6.   <view class="curl" bindtap="curls">去做一张</view>
  7. </view>

  8. <!--这是用户信息完善的页面-->
  9. <view class="container"style="display:{{index2}}">
  10.     <!--头部开始-->
  11.     <view class="card-top">
  12.             <view class="name">{{userDetail.username}}</view>
  13.             <image src="{{userInfo.avatarUrl}}" class="images"></image>
  14.         <view class="type">职位
  15.             <view class="position">{{userDetail.position}}</view>
  16.         </view>
  17.         <view class="type">电话
  18.             <view class="phone" id="{{userDetail.phone}}" bindtap="cphone">{{userDetail.phone}}</view>
  19.         </view>
  20.         <view class="type">公司
  21.             <view class="nickname">{{userDetail.company}}</view>
  22.         </view>
  23.         <view class="type">邮箱
  24.             <view class="email">{{userDetail.email}}</view>
  25.         </view>
  26.     </view>
  27.     <view class="center">
  28.         <view class="centers" bindtap="resource1">
  29.             <image class="src srcs" src="../../image/renqi2.png"></image>
  30.             <view class="space">人气<text class="character">:</text>{{userDetail.browse}}</view>
  31.         </view>
  32.         <view class="centers" bindtap="resource2">
  33.             <image class="src" src="../../image/like2.png"></image>
  34.             <view class="space">赞<text class="character">:</text>{{userDetail.likes}}</view>
  35.         </view>
  36.         <view class="centers" bindtap="resource3">
  37.             <image class="src" src="../../image/coll2.png"></image>
  38.             <view class="space">收藏<text class="character">:</text>{{userDetail.coll}}</view>
  39.         </view>
  40.     </view>
  41.     <view class="bottom">
  42.         <view class="more">更多</view>
  43.         <view class="post" placeholder="{{userDetail.more}}">{{userDetail.more}}</view>
  44.     </view>
  45.     <!--<view><image src="src"></image>面对面扫名片</view>-->
  46.     <!--<navigator bindtap="ShareCard" class="button button-first">递名片</navigator>-->
  47.     <navigator url="../ucard/ucard" class="button button-first">编辑名片</navigator>
  48.     <view class="reminder">点击右上角,可以分享你的名片哦.</view>
  49.     <view class="reminder">再次使用:发现-小程序-搜索“Boss名片”</view>
  50.     <image src="../../image/kefu.png" bindtap="lianxikefu" class="kefu"></image>
  51.     <text class="lianxi">联系客服</text>
  52. </view>


复制代码
项目是可以直接运行的带SQL
boss.png

下载地址:

游客,如果您要查看本帖隐藏内容请回复





点评

00  发表于 2018-8-2 14:27
回复

使用道具 举报

49

主题

60

帖子

4374

积分

论坛元老

Rank: 8Rank: 8

积分
4374
发表于 2017-8-22 19:01:36 | 显示全部楼层

回帖奖励 +1 金钱

此帖仅作者可见

使用道具 举报

0

主题

2

帖子

13

积分

新手上路

Rank: 1

积分
13
发表于 2017-8-23 09:24:05 | 显示全部楼层
此帖仅作者可见

使用道具 举报

0

主题

5

帖子

14

积分

新手上路

Rank: 1

积分
14
发表于 2017-8-24 15:27:33 | 显示全部楼层
此帖仅作者可见

使用道具 举报

0

主题

2

帖子

6

积分

新手上路

Rank: 1

积分
6
发表于 2017-8-26 11:31:51 | 显示全部楼层
此帖仅作者可见

使用道具 举报

0

主题

2

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2017-8-26 15:38:34 | 显示全部楼层
此帖仅作者可见

使用道具 举报

0

主题

4

帖子

6

积分

新手上路

Rank: 1

积分
6
发表于 2017-8-26 16:33:51 | 显示全部楼层
此帖仅作者可见

使用道具 举报

0

主题

2

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2017-8-28 14:30:32 | 显示全部楼层
此帖仅作者可见

使用道具 举报

0

主题

2

帖子

6

积分

新手上路

Rank: 1

积分
6
发表于 2017-9-2 19:37:57 | 显示全部楼层
此帖仅作者可见

使用道具 举报

0

主题

30

帖子

32

积分

新手上路

Rank: 1

积分
32
发表于 2017-9-4 10:35:15 | 显示全部楼层
此帖仅作者可见

使用道具 举报

本版积分规则

QQ|Archiver|手机版|小黑屋|小程序大全|小程序开发者论坛-汇集最优质源码、开发者教程、小程序资源

GMT+8, 2018-8-17 04:03 , Processed in 0.165510 second(s), 12 queries , File On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表