uniapp button 去掉边框

### 回答1：
可以通过设置按钮的样式来去掉边框，具体方法如下：

1. 在按钮的样式中添加border:none;属性，表示去掉边框。

2. 如果想要去掉按钮的阴影效果，可以添加box-shadow:none;属性。

例如：

<uni-button style="border:none;box-shadow:none;">按钮</uni-button>

这样就可以去掉按钮的边框和阴影效果了。

### 回答2：
在uniapp中，可以使用以下方法去掉按钮的边框：

1. 使用样式覆盖原有的按钮样式。可以在页面的style中添加以下代码：

button {
    border: none; /* 去掉按钮的边框 */
}

2. 使用uni-app的自定义组件实现。可以将原有的button组件进行封装，去掉边框，并将封装后的组件直接替换原有的button组件。示例如下：

在components目录下新建一个button组件：

<!-- button.vue -->
<template>
  <view class="custom-button" @click="$emit('click')">
    {{ text }}
  </view>
</template>

<script>
export default {
  name: 'CustomButton',
  props: {
    text: String
  }
}
</script>

<style>
.custom-button {
  display: inline-block;
  padding: 10px;
  background-color: #007aff;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  border: none; /* 去掉按钮的边框 */
}
</style>

在使用button组件的页面中，将原有的button组件替换为自定义的button组件：

<!-- index.vue -->
<template>
  <view class="container">
    <custom-button text="点击我"></custom-button>
  </view>
</template>

<script>
import CustomButton from '@/components/button.vue'
export default {
  components: {
    CustomButton
  }
}
</script>

以上两种方法都可以实现去掉uniapp button组件的边框。根据需求可以选择适合自己的方法进行实现。

### 回答3：
uniapp的button组件默认带有边框，但是我们可以通过CSS样式来去掉边框。

方法一：

在button标签内添加属性style="border:none;"，即可去掉边框。

示例代码：

<template>
  <button style="border:none;">去掉边框</button>
</template>

方法二：

在<style>标签内添加样式，设置border属性为none。

示例代码：

<template>
  <button class="btn">去掉边框</button>
</template>

<style>
.btn{
  border: none;
}
</style>

以上两种方法均可实现去掉button组件的边框。需要注意的是，使用样式去掉边框的时候，需要在样式中给button组件指定class或者id，否则可能会影响其他组件的样式。