首页 新闻 搜索 专区 学院

微信小程序中的 wxss 页面得自己手写吗

0
[已解决问题] 解决于 2018-04-11 14:35

微信小程序中的 wxss 页面得自己手写吗?比如下面这种微信小程序的wxss页面,这么多样式都是需要自己手写的吗

复制代码
.container-out {
  height: 600rpx;
  width: 650rpx;
  background-color: #b136b9;
  margin: 100rpx auto;
  border-radius: 40rpx;
  box-shadow: 0 10px 0 #871a8e;
  position: relative;
}

.container-in {
  width: 580rpx;
  height: 530rpx;
  background-color: #871a8e;
  border-radius: 40rpx;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/**小圆球
box-shadow: inset 3px 3px 3px #fff2af;*/

.circle {
  position: absolute;
  display: block;
  border-radius: 50%;
  height: 20rpx;
  width: 20rpx;
}

.content-out {
  position: absolute;
  height: 150rpx;
  width: 166.6666rpx;
  background-color: #f5f0fc;
  border-radius: 15rpx;
  box-shadow: 0 5px 0 #d87fde;
}

/**居中 加粗*/

.start-btn {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 15rpx;
  height: 150rpx;
  width: 166.6666rpx;
  background-color: #ffe400;
  box-shadow: 0 5px 0 #e7930a;
  color: #f6251e;
  text-align: center;
  font-size: 55rpx;
  font-weight: bolder;
  line-height: 150rpx;
}

.award-image {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 140rpx;
  width: 130rpx;
}
复制代码
起风了~~~的主页 起风了~~~ | 小虾三级 | 园豆:505
提问于:2018-04-02 14:18
< >
分享
最佳答案
0

当然得自己写

奖励园豆:5
ycyzharry | 高人七级 |园豆:22011 | 2018-04-02 15:09

那怎么知道具体需要用到哪个样式呢?

起风了~~~ | 园豆:505 (小虾三级) | 2018-04-02 15:29
ycyzharry | 园豆:22011 (高人七级) | 2018-04-02 15:38
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册